Latest News

Showing posts with label Trik Blog. Show all posts
Showing posts with label Trik Blog. Show all posts

Saturday, March 31, 2012

Menimbang Penting Tidaknya Buku Tamu

Menimbang penting tidaknya buku tamu. Orang yang paling baik adalah orang yang paling banyak berguna bagi orang lain, begitu kira-kira yang pernah saya dengar. Blogger sukses adalah blogger yang paling banyak memberikan manfaat kepada pengunjung, nah kalau ini menurut saya...menurut anda ...artinya sukses sesorang itu selalu melibatkan orang lain. Nah karena itu maka perlu ada hubungan yang baik, komunikasi getho lho... Lho apa hubungannya dengan judul posting? begini sobat, jika anda seorang blogger maka tentu perlu menjalin hubungan yang baik dengan pengunjung anda, misalnya dengan menyediakan artikel atau informasi yang bermanfaat. Buku tamu juga bisa menjadi salah satu jembatan penghubung antara anda dengan pengunjung.
Ada kalanya pengunjung/pencari informasi karena merasa mendapatkan yang ia cari ia ingin mengungkapkan rasa terima kasihnya, atau memberi tanggapan atas tulisan anda, maka tersedia kolom komentar untuk menuangkannya. Tetapi tidak semua pencari informasi menuliskan komentar, karena berbagai alasan, terlalu lama, sulit dan ribet, atau sekedar ingin mencolek, trus cari buku tamu clingak clinguk ga ditemukan lalu kabuurr...
Ada sebagian teman blogger tidak suka pasang buku tamu karena dengan menyediakan buku tamu kolom komentar menjadi sepi, padahal ramainya kolom komentar menjadi salah satu indikasi ramainya pengunjung blog. Meskipun bukan itu satu2nya alasan...yah sah-sah saja. Kembali pada misi/tujuan blogger itu sendiri, ingin memberikan layanan dengan berbagai kemudahan sehingga pengunjung merasa enjoy atau menggiring pengunjung menuruti apa yang anda mau...suka-suka lah yaw.
Nah bagi anda yang ingin memasang buku tamu, terutama bagi pemula sedikit panduan ini mungkin dapat membantu anda:
1. Buka situs: http://www.cbox.ws
2. Klik Get your own free Cbox now 
3. Isi form pendaftaran dengan lengkap, cbox name, email addres, password, alamat website dan bahasa.
4. Pilih gaya buku tamu pada bagian style
5. Klik creat my cbox, nah anda berhasil membuat buku tamu.
Selanjutnya login dan setting buku tamu anda
1. Login ke member area cbok anda
2. Klik Look & Feel dan klik Layout Option, atur lebar (width) dan tinggi (height)buku tamu sesuai lebar sidebar blog anda.
3. Klik Look & Feel, klik Colour & Font, anda bisa memilih dan menentukan warna background, bentuk dan warna tulisan.
4. JIka semua pengaturan selesai klik aply
5. Klik Publis trus copy kode html nya. Sekarang waktunya untuk memasang kode html di blog anda.
1. Login ke blogger
2. Klik rancangan/ template klik tambah gadget 
3. Klik HTML/Javascript 
4. Paste kode html di sana
5. Klik saveSelesai, silahkan lihat blog anda sudah terpasang buku tamu.
 Semoga bermanfaat.
 

Tuesday, March 20, 2012

Melihat Posisi Artikel di Google

Melihat posisi artikel di google- Jika kita sudah bekerja dalam bidang apa saja rasanya belum puas bila belum melihat hasil kerja kita itu. Begitu pula terhadap artikel yang sudah kita tulis di blog, seberapa bagus posisi artikel di google? kenapa di google? Google menjadi alat ukur paling valid untuk menentukan posisi artikel blog, jika artikel anda muncul di halaman pertama google berarti artikel anda telah sukses dalam persaingan ketat merebut posisi pertama.  Jika belum...apa yang seharusnya  anda lakukan?
Untuk melihat posisi artikel di google ada cara yang mudah dan gratis, sehingga anda bisa melakukannya sewaktu-waktu terhadap artikel-artikel di blog anda. Hasilnya langsung bisa dilihat dan mungkin bisa anda jadikan pertimbangan untuk perbaikan dan optimasi blog anda.
1. Silahkan pergi ke situs : http://www.seoserp.com/web_tools/google_keyword_position_tracker.asp
2. Pilih Searc Engine Google, misal Indonesia

3. Masukkan kata kunci (keyword) dalam artikel yang ingin anda lihat posisisinya

4. Masukkan URL blog Anda
5. Klik tombol SERPTunggu sejenak, maka Anda akan melihat 1-100 daftar halaman blog yang berisi artikel sesuai kata kunci yang anda masukkan. Lihat saja adakah artikel anda masuk dalam 100 besar? di urutan ke berapa?
Berikut ini contoh posisi artikel saya dengan kata kunci : video dalam posting 

Alhamdulillah ada di urutan wahid, dalam contoh saya potong 25 dari atas.Hasil ini memang sesuai dengan hasil pencarian google dengan keyword video dalam posting, yang muncul di urutan 1 halaman pertama google dari sekian juta yang ditemukan google.
Nah jika ternyata artikel anda tidak terdapat dalam 100 daftar tersebut tentu anda perlu kerja lebih keras, lakukan optimasi blog, misalnya dengan memasang meta tag. sudahkan artikel anda ping? jika belum silahkan baca ping spesial google. Semoga artikel ini bermanfaat buat anda yang ingin melihat posisi artikel di google. Salam Blogger!


 

Monday, March 5, 2012

Membuat Background pada Judul Sidebar

Untuk lebih mempercantik halaman depan blog ada satu lagi yang bisa dilakukan yaitu dengan membuat background pada judul sidebar. Template bawaan blogger pada bagian judul sidebar biasanya masih polos, nah anda bisa sedikit lakukan modifikasi dengan cara membuatkan backgroundnya. Mudah dalam hitungan menitan udah siap, yang penting cermat soalnya melalui edit html, bagi yang sudah biasa edit html ga sampai 5 menit selesai.
Berikut langkahnya:
1. Login ke blogger
2. Di dasbor klik rancangan atau template
3. Masuklah ke area Edit html, sebelum menambahkan kode klik full download template untuk antisipasi error karena kesalahan kode.
4. Di area edit html temukan kode .sidebar h2akan terdapat sederetan kode kurang lebih seperti ini:
 sidebar h2 {
color: #ffffff;
font-size: 13px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
margin: -.35em -.40em .25em -.35em;
padding: 3px 5px 3px 10px;
border-bottom: 1px solid #C0C0C0;
letter-spacing:0em;
text-transform:capitalize;

repeat-x top left;
}
Nah anda cukup menambahkan kode: background:#2200CC  
Untuk #2200CC yaitu kode warna anda dapat meilih sesuai selera anda.

diantara deretan kode tersebut misal sebelum : color: #ffffff
Jika anda ingin menampilkan background baerupa gambar atau border cantik sesuai pilihan sendiri anda dapat menggati kode warna dengan url gambar anda di tinypic atau photobucket sehingga menjadi: background:url('URL gambar')
Sebelum disimpan ada baiknya klik pratinjau dulu, kalau sudah sesuai keinginan ya tinggal klik simpan template.
Nah selamat memodifikasi background judul sidebar, hapy blogging.



 

Saturday, March 3, 2012

Mengatur Gerak Teks Menggunakan Mouse

Mengatur gerak tulisan menggunakan mouse. Banyak cara yang dapat digunakan oleh para blogger untuk memodifikasi blog agar tampil menarik, antara lain dengan tulisan yang bergerak. Posting ini merupakan kelanjutan dari posting trik membuat tulisan bergerak. Anda bisa mengatur tulisan agar menarik bisa bergerak ke atas, ke bawah, zigzag, dan mondar-mandir. Anda juga bisa baca  membuat border cantik bersudut melengkung, atau ingin membuat tab view.
Untuk melengkapi posting tulisan bergerak, kali ini saya tambahkan cara mengatur tulisan yang bergerak agar berhenti jika disentuh menggunakan mouse dan kembali berjalan ketika mouse disingkirkan dari tulisan. Untuk contohnya bisa anda lihat di side kanan pada bagian Link Partner.

 A. Tulisan Berhenti kemudian jalan kembali 
Untuk membuat tulisan berhenti dengan sentuhan mouse caranya mudah:
Anda cukup menambahkan kode : onmouseover="this.stop()" dan agar tulisan kembali berjalan saat mouse dijauhkan dari tulisan Anda tambahkan kode : onmouseover="this.start()"
Contoh lengkapnya:
 <marquee direction="up" onmouseover="this.stop()" onmouseover="this.start()">TEKS ATAU TULISAN BERJALAN KE ATAS / NAIK SAAT DISENTUH MOUSE BERHENTI DAN BERJALAN KEMBALI SAAT MOUSE MENJAUH</marquee>

 B. Mengatur kecepatan gerakan tulisan/teks 
Untuk mengatur kecepatan gerak tulisan, anda perlu menyisipkan kode: scrollamount="2"
Contoh:
 <marquee behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseover="this.start()">TEKS ATAU TULISAN MONDAR-MANDIR LAMBAT, BERHENTI SAAT DISENTUH MOUSE DAN BERJALAN KEMBALI SAAT MOUSE MENJAUH</marquee>

Angka 2 bisa anda ganti dengan 4,6,8,10, makin besar angkanya makin cepat gerak tulisannya.

C. Memberi Background
Agar tulisan yang bergerak lebih memikat perhatian, mungkin anda ingin memberi background atas tulisan, maka anda cukup menyisipkan kode bgcolor="#00FF00"
Demikian posting mengatur gerak teks ini. Selamat mencoba dan semoga berhasil.OK

 

Saturday, January 7, 2012

2 Langkah Pasti Mendatangkan 1 Juta Pengunjung

2 Langkah pasti mendatangkan 1 juta pengunjung. Berbagai cara dan upaya perlu dilakukan oleh para blogger untuk memperkenalkan blog miliknya. Dalam atikel sebelumnya sudah dibahas cara mendatangkan 5000 visitor melalui surtraffic, juga sudah saya share cara jitu menaikkan PR dan menghadirkan ratusan ribu traffic blog. Nah kali ini saya ingin berbagi pengalaman tentang cara mendatangkan pengunjung blog dengan 2 langkah pasti mudah. Cara ini termasuk mudah dan instan tapi hasilnya cukup menjanjikan, karena setiap orang yang ingin menggunakan cara ini diwajibkan melihat blog anggota lain sebelum mendaftar, tapi tenang, anda hanya perlu melihat 7 blog saja, ga perlu banyak-banyak, serta dijamin gratis. Keberhasilan cara ini tergantung dari keberhasilan anda meyakinkan blogger lain untuk menggunakan cara yang sama.
Untuk lebih jelasnya silahkan ikuti langkah-langkahnya;
1. Pergi ke webnya, klik disini
2. Setelah terbuka anda diminta untuk mulai langkah 1/ Step 1:
    - Yang perlu anda lakukan Klik link pada kotak Sponsor Ad, akan terbuka tab baru, buka tab tersebut dan tungu sampai kodenya muncul di bagian atas, kemudian copy/ambil kode tersebut, berwarna hijau, lalu masukkan kode tersebut ke dalam kotak kosong sponsor ad. contoh kodenya seperti ini : 
    - Berturut-turut, ulangi satu demi satu  langkah seperti di atas pada kotak nomor satu sampai nomor 6, untuk mengambil kode di masing-masing blog/web. Dan kode harus dimasukkan dalam kotak kosong sesuai dengan nomor masing-masing.Lihat cotoh di bawah ini:
3. Step 2: isi form yang tersedia, pada kotak text ad : isilah dengan kalimat yang menarik tentang blog/web anda., usahakan dengan bahasa Inggris. Jangan lupa centang 3 kotak kecil di bawahnya dan terakhir klik tombol Sign me up now. Nah anda sudah terdaftar sebagai member, coba klik link pada kotak nomor 1, maka anda akan masuk ke blog anda sendiri.
Selanjutnya share info ini kepada semua teman blogger anda, maka cara ini akan secara viral dan otomatis mendatangkan pengunjung ke blog anda.
Masih belum percaya buktikan dech...
Cara instan seperti contoh diatas, tentu harus diimbangi dengan cara alami yaitu dengan kekuatan artikel, serta SEO yang memadai sehigga dalam jangka panjang blog anda akan semakin kebanjiran pengunjung.


Friday, December 30, 2011

Cara Mempertahankan Alexarank

Cara mempertahankan alexa rank. Pada penghujung tahun 2011 ini saya ingin share tentang seputar naik turunnya mis alexarank, sebagai hasil evaluasi diri blog ini. Beberapa waktu lalu alexa blog ini  di bawah 1 juta, tetapi kemudian hari demi hari terus naik angkanya yang berarti merosot peringkatnya. Persoalan ini tidak hanya terjadi pada Informasi Dunia Pendidikan , banyak blog lain yang juga mengalami hal yang sama.
Mengapa alexarank makin membengkak? Berbagai cara telah saya tempuh, dan kini mulai menunjukan hasil. Makin besarnya angka alexa bisa jadi karena makin ketatnya persaingan blog/web seantero maya. Penyebab lain bersumber dari blog itu sendiri, kurang pengunjung. Yah... kurang pengunjung menjadi faktor utama alexarank yang makin membengkak. Setidaknya itu kesimpulan saya, karena pihak alexa merahasiakan indikator dalam menentukan ranking blog.
Bila jumlah pengunjung menjadi faktor utama dalam penentuan alexarank, maka apa yang hendaknya para blogger lakukan? nah lho...tentu dengan berusaha agar pengunjung makin banyak yang berdatangan ke blog. Beberapa cara berikut ini mudah-mudahan dapat membantu teman-teman:
1. Promosikan blog, tunggu dulu, maksudnya promo gratisan bisa dilakukan di iklan gratis atau cara promo lain yang anda nilai efektif
2. Blogwalking, silaturahmi online untuk membangun branding blog anda
3. Berjuang agar blog bisa masuk ke halaman pertama google, karena dengan masuk halaman pertama maka trafik akan meningkat
4. Update/posting informasi yang unik, menarik dan berkwalitas, bila perlu lengkapi dengan video dalam posting
5. Jangan lupa gunakan ping spesial google agar artikel anda cepat terindeks google
6. Cari bala bantuan mendatangkan pengunjung, caranya daftarkan dulu di autotraffic. Cara ini recomended, bisa mendatangkan ratusan pengunjung blog anda  perhari.
Sekian dulu teman share di ujung tahun 2011 ini sampai jumpa di tahun baru 2012, semoga alexarank makin kecil, tetap semangat ya... hapy blogging.

Wednesday, December 14, 2011

Membuat Artikel Tampil di Halaman Pertama Google

Artikel tampil di halaman pertama Google menjadi keinginan semua master/blogger, karena dengan tampil di halaman pertama google so pasti artikel/blog akan kebanjiran pengunjung. Berbagai cara ditempuh dari cara sederhana dan gratisan sampai cara sulit dan keluar biaya. Semua itu bertujuan agar artikel/blog dapat tampil di halaman pertama google. Pada kesempatan ini saya ingin berbagi cara-cara sederhana dan mudah yang dapat anda kerjakan agar artikel anda muncul di halaman pertama google.
Ada beberapa hal yang dapat mempengaruhi posisi blog di mata mesin pencari, yaitu;
1. Umur blog
2. Keyword yang di gunakan
3. Kompetitor atau besarnya persaingan
4. Intensitas update.
Berdasarkan 4 hal di atas, Anda dapat menimbang-nimbang hal apa saja yang akan anda lakukan agar posisi blog/artikel anda baik di mata eyang google.
Hal-hal berikut ini adalah yang Informasi Dunia Pendidikan lakukan:
1. Mendaftarkan blog ke mesin pencari, ini sangat penting sebagai perkenalan hadirnya blog baru anda. silahkan baca selengkapnya pada mendaftarkan blog ke search engine
2. Menulis artikel yang unik, menarik, berkualitas dan banyak dibutuhkan pencari informasi
3. Menyisipkan keyword pada setiap artikel agar cepat ke indeks google. Baca juga tips menulis artikel mudah terindeks search engine
4. Rajin update artikel, ini yang kadang berat karena faktor kesibukan dan ide.
5. Lakukan ping setiap kali anda selesai update artikel. Dua website penyedia layanan Ping artikel/blog yang sangat bagus menurut saya adalah di blogsearch google dan di google ping. Untuk ping blog silahkan baca selengkapnya di ping spesial google.
6. Blogwalking atau silaturahmi online dan tinggalkan jejak kunjungan anda
Anda tak perlu risau bila setelah usaha-tersebut sudah dan sering anda lakukan tetapi artikel di blog anda belum juga ada yang muncul di halaman pertama google. Perlu kerja lebih keras, ingat bahwa ada juataan blog/ website dari seluruh mayapada yang semuanya ingin tampil di halaman pertama. Yang paling gigih berjuang dan tepat sasaran maka ia yang akan tampil di halaman pertama google. Jadi jangan risau, enjoy aja. Happy Blogging



 

Saturday, December 10, 2011

Cara Membuat Video Dalam Posting

Membuat Video dalam posting akan lebih memperjelas dan lebih memudahkan pembaca mengerti isi artikel. Lebih-lebih jika artikelnya berisi tutorial, maka pembaca akan lebih jelas step by stepnya sehingga akan mengurangi resiko kesalahan pada saat dipraktekkan. Video dalam posting juga bisa menambah daya tarik tersendiri bagi pengunjung untuk memutarnya.
Berbagai macam video dapat anda pasang di dalam artikel, sesuaikan dengan topik yang sedang di bahas. Sebagai contoh berikut ini video tutorial membuat blog yang saya ambil dari youtube.



Untuk menempatkan video dari youtube pada artikel blog caranya tidak sulit.
Berikut ini langkah-langkahnya;
1. Buka site youtube
2. Cari dan pilih video yang ingin anda pasang di blog
3. Jika sudah menemukan videonya, klik bagi/share di bawah video tersebut
4. Kemudian klik Sematkan
5. Copy semua kode embed dalam kotak di bawahnya. Namun sebelum copy, anda bisa setting lebar layar video agar sesuai dengan lebar kolom posting blog anda.
6. Bawa copy kode embed video youtube ke dalam blog Anda. Pastekan pada mode html.
 Nah ...selamat ya, kini posting anda dilengkapi  video, tambah keren dan variatif tentunya dan semoga bermanfaat





 

Monday, December 5, 2011

Cara Membuat 3 Kolom Tambah Gadget

Membuat 3 kolom tambah gadget dapat dilakukan dengan menambahkan kode di area html. Penambahan kolom tambah gadget umunya diletakkan di bagian atas, tepatnya di bawah header blog. Kolom tambahan ini dapat digunakan untuk memajang apa aja suka-suka blogger pemiliknya. Sebelum ini juga sudah diposting cara menambah satu kolom gadget.
Nah untuk menambahkan 3 kolom tambah gadget di bawah header blog silahkan ikuti langkah-langkahnya sbb:
1. Login ke akun blogger anda
2. Masuk ke Rancangan/Template buka edit html
3. Centang kotak expand template widged
4. Untuk antisipasi, back up dulu template anda dengan klik download full template
5. Cari kode ]]></b:skin>
6. Copy dan paste kode di bawah ini tepat di atas kode ]]></b:skin>
/* Top Header ---------------------------- */
#topheader {
width:930px;
clear:both;
float:left;
color:#333;
background:#fff;
margin:0 auto;
padding:0 0 10px;
}
#topheader a:visited {
color:gray;
text-decoration:none;
}
#topheader h2 {
font-size:11px;
font-weight:700;
line-height:1.4em;
text-transform:uppercase;
border-bottom:1px dotted silver;
margin:0 0 10px;
padding:20px 0 2px;
}
#topheader ul {
color:#333;
margin:0;
padding:0;
}
#topheader ul li {
list-style-type:none;
background:fff;
border-bottom:1px dotted #ccc;
padding-left:17px;
margin-top:2px;
}
#left-topheader {
width:360px;
float:left;
padding-left:15px;
}
#center-topheader {
width:230px;
float:left; padding:0 20px;
}
#right-topheader {
width:260px;
float:right;
padding-right:15px;
}
</div>


7. Kemudian Copy paste kode berikut ini:

<div id='topheader'>
<b:section class='topheader' id='left-topheader' preferred='yes'/>
<b:section class='topheader' id='center-topheader' preferred='yes'/>
<b:section class='topheader' id='right-topheader' preferred='yes'/>
</div>

8. Letakkkan kode tersebut di atas, di bawah kode berikut ini atau yang mirip dengan ini:

<b:section class='blogname' id='top' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Informasi Dunia Pendidikan (Header)' type='Header'/>
</b:section>
Informasi Dunia Pendidikan adalah judul blog ini, ganti dengan judul blog anda
Setelah selesai klik simpan template
Selamat mengisi 3 kolom tambah gadget yang baru saja anda buat di bawah header blog anda.

Saturday, November 19, 2011

Ping Spesial Agar Googel Langsung Mengindeks Artikel

Ping spesial agar google langsung mengindeks artikel. Artikel cepat terindeks google menjadi salah satu keinginan dari para blogger, karena dengan cepat terindeks google maka artikel kemungkinan juga akan cepat muncul dihalaman pencarian. Banyak cara yang digunakan agar artikel mudah terindeks search engine. Salah satu cara mudah tetapi jangan sampai dikesampingkan adalah segera ping blog setelah posting, karena dengan cara ini update blog segera diperkenalkan ke banyak mesin pencari. Kali ini saya ingin berbagi tentang ping spesial agar Google langsung mengindeks artikel. Ping blog bisa dilakukan secara otomatis dan bisa manual. Ping otomatis berarti memasukkan informasi up date blog ke layanan ping blog otomatis.misalnya ke autopnger, pingtool, ping blog dan lainnya. Sedangkan ping manual hanya mendaftarkan update blog ke satu web layanan ping, contoh ping ke blogsearch google yang banyak dilupakan.
Mungkin diantara para blogger biasanya hanya melakukan ping blog ke layanan ping otomatis, karena mudah dan langsung ke banyak tempat. Tetapi sadarkah bahwa yang paling utama itu artikel cepat diindeks google? Karena Google merupakan rajanya mesin pencari. Kalau memang demikian kenapa ping ke banyak tempat sementara melupakan daftar ping ke google sendiri? Nah Google tentu akan lebih mendahulukan indeks pada blog yang langsung ping ke layanannya, dibanding yang menggunakan jasa ping perantara. Nah jika anda sependapat dengan hal itu maka dahulukan ping spesial ke blogsearch google, dijamin mudah dan gratis. Caranya buka situs blogsearch google http://blogsearch.google.com/ping, masukkan URL blog anda pada kotak your blog's address dan klik tombol submit blog. Maka dalam sekejap blog Anda akan masuk dalam daftar untuk segera diindeks google.
Anda bisa ping blog ke layanan tersebut setiap anda selesai melakukan update atau mengadakan perubahan pada blog, misalnya selesai posting, menambah gadget, ganti template, bahkan ada komentar pengunjung. Nah demikian dulu posting ping spesial hari ini semoga berguna bagi teman-teman.
Jika ada cara lain yang lebih bagus dari teman2 silahkan di share di sini, kita saling berbagi.


Sunday, November 13, 2011

Trik Jitu Mempercepat Loading Blog dengan Compres CSS

Trik jitu mempercepat loading blog dengan compres css. Dalam anjangsana beberapa waktu yang lalu, saya terinspirasi oleh blog sobat Er'end yang cepat loadingnya, rahasianya ternyata compres css. Saya coba korek lebih banyak dengan sowan eyang Google. Setelah yakin blog inipun saya kompres, tapi bukan di keningnya he he ...
Mengapa blog perlu dikompres? ya ternyata bukan hanya orang yang perlu dikompres ketika demam. Kompres terhadap blog, tepatnya kompres css blog bertujuan untuk meringankan dan mempercepat loading blog, sehingga ketika ada pengunjung membuka blog tidak perlu menungu terlalu lama. Karena jika terlalu lama belum terbuka biasanya calon pengunjung keburu hengkang. Dengan kompres css, ukuran file css bisa diperkecil 80% dari aslinya tanpa mengurangi kualitas tampilan blog. Contoh pada blog ini sebelum kompres, seluruh css sebesar 17 ribu kb lebih, setelah dikompres tinggal kurang dari 3,5 ribu kb. Kompress css berarti dipadatkan, sehingga berpengaruh ke loading yang lebih ringan dan cepat.
Keungulan lain dari kompress css blog, anda tidak perlu mengurangi gadget yang membuat ramai dan cantik tampilan blog anda.

Cara untuk kompress css blog
1. Login ke blogger
2. Masuklah ke Edit html
3. Backup dulu blog anda dengan klik download template lengkap jika merasa perlu copy dulu css blog anda yang akan dikompres dan pastekan di notepad,untuk berjaga-jaga.
4. Ambil/potong semua kode CSS blog anda, yaitu semua kode yang terdapat antara kode <b:skin><![CDATA[/* sampai pada kode sebelum ]]></b:skin>
5. Buka website comprressor --> http://cssdrive.com/index.php/main/csscompressor 
6. Pastekan kode css blog anda di kotak besar yang tersedia
Anda setting :
Compression mode = pilih 'Super Compact'
Comments handling = pilih 'Strip ALL comments'
7. Klik compress-it
8. Kopi kode css yang sudah dikompress, lalu pastekan di tempat asal anda ambil tadi yaitu antara kode <b:skin><![CDATA[/* sampai pada kode sebelum ]]></b:skin>
9. Klik save atau simpan.
Nah sekarang coba  buka blog Anda, rasakan bedanya... beda  kan rasanya.
 

Friday, November 11, 2011

Trik Mengaktifkan Fitur Simpan dan Keluar pada Mozilla Firefox 4

Ada perubahan tampilan pada browser Mozilla Firefox  versi 4 dari versi sebelumnya, yaitu Fitur Simpan dan Keluar tidak lagi ditemukan saat close. Kali saya akan share ringan tentang trik mengaktifkan fitur simpan dan keluar pada mozilla firefox 4. Biasanya jika kita membutuhkan satu atau beberapa tab yang masih kita perlukan, maka tab tersebut sengaja kita biarkan tersimpan saat kita close, sehingga ketika kembali online tidak perlu cari-cari lagi. Dengan tiadanya tombol simpan dan keluar tersebut maka tiap kita klik close maka tidak ada tab yang tersimpan, dan saat buka broser lagi maka harus mulai dari awal.
Sebelum melanjutkan, beberapa waktu yang lalu sayu juga sudah posting tentang cara memasang gambar headermembuat border cantik,dan membuat tabel dalam artikel, silahkan baca juga ya.  Yuk lanjut ...

Tombol simpan dan keluar ternyata bukan dihilangkan, hanya memang sengaja disimpan, kurang jelas apa alasannya, buktinya tombol tersebut dapat kembali dimunculkan dengan beberapa langkah.
Bagi Anda pengguna Mozilla ver 4 dan ingin kembali memunculkan tombol Save and Quit atau Simpan dan Keluar hanya perlu melakukan hal berikut :
1. Buka mozilla anda

2. Ketik --> about:config pada addres bar, lalu enter
3. Jika muncul peringatan klik tombol saya berjanji akan hati-hati 
4. Ketik --> browser.showQuiteWarning pada bar Filter

5. Ubah nilai false menjadi true, caranya klik ganda pada baris tulisan berwarna biru tersebut, otomatis akan berubah jadi true. Selain itu, pada versi 4 ini Tab windows berada di bawah menu bar.
Nah selamat ya, fitur simpan dan keluar sudah kembali muncul di browser mozilla anda saat close


 

Monday, October 17, 2011

Cara Menambah Kolom Gadget di Bawah Header

Tidak semua template blog memiliki kolom tambah gadget di bawah header, padahal kolom ini keberadaannya sangat diperlukan. Misalnya untuk tempat membuat menu, memasang iklan, memasang ucapan selamat datang dan sebagainya. Bagi anda yang template blognya belum tersedia tambah gadget atau kurang dan ingin menambah kolom tambah gadget di bawah header untuk berbagai keperluan maka kesempatan ini saya akan sharing tentang hal tersebut.
Meskipun di luar sana sudah banyak yang menulis artikel ini tetapi saya kembali akan menuliskan agar tetap ingat bila suatu saat nanti saya membutuhkan lagi atau bila ada teman yang kebetulan mancari artikel seperti ini kesasar ke blog ini tentu juga dapat membantunya.
Untuk membuat satu kolom tambah gadget di bawah header tidak sesulit yang anda bayangkan.
Berikut ini langkah-langkahnya;
1. Login ke akun blogger anda
2. Di Dasbor klik Rancangan dan klik edit HTML
3. Sebelum mulai menambahkan html sebaiknya back up dulu blog anda dengan cara klik download full template. tujuannya antisipasi kalau error kode.
4. Cari kode seperti ini ]]></b:skin>
untuk memudahkan pencarian pencet ctrl f secara bersamaan di keyboard lalu tulis/copy kode tersebut di kotak bawah yang tersedia
5. Copy dan paste kode di bawah ini, tepat di atas kode ]]></b:skin> 
#under_header{ 
margin:10px 0; 
padding:1%; 
width:98%; }
6. Cari kode html seperti di bawah ini atau yang mirip di bawah ini ( tidak semua template blog menggunakan kode yang sama persis)
<div id='header-wrapper'> 
<b:section class='header' id='header' maxwidget="1" showaddelement="no"> 
<b:widget id='Header1' locked='true' title='Nama Blog Anda (Header)' type='Header'/> 
</b:section> 
</div> 
7. Selanjutnya tambahkan kode berikut ini tepat di bawah kode pada nomor 6 tersebut di atas
<div id="under_header"> 
<b:section id='underheader' preferred='yes'/> 
</div> 
8. Setelah anda tambah kode pada nomor 7 maka akan menjadi seperti ini
<div id='header-wrapper'> 
<b:section class='header' id='header' maxwidget="1" showaddelement="no"> 
<b:widget id='Header1' locked='true' title='Nama Blog Anda (Header)' type='Header'/> 
</b:section> 
</div>
<div id="under_header"> 
<b:section id='underheader' preferred='yes'/> 
</div> 
9. Terakhir klik Simpan Template.
Nah selamat mencoba dan semoga berhasil
 

Thursday, October 13, 2011

Cara Membuat Border Cantik Bersudut Melengkung

Border Cantik Bersudut Melengkung-Bagi Anda yang suka mengotak atik tampilan blog, maka selalu ada hal baru yang ingin anda ubah, begitu Anda melihat yang lama dapat diubah. Nah kali ini saya ingin berbagi tentang membuat border yang sudut-sudutnya melengkung. Biasanya border dalam halaman blog bersudut siku-siku. Border yang dapat anda gunakan untuk mengemas widget tertentu sehingga tampil lebih elegan, misalnya untuk border gadged komentar terbaru, daftar isi, border daftar menu, membuat tab view, dan lainnya.Dalam membuat border bersudut melengkung, anda dapat mengatur sudut mana yang akan dibuat melengkung. Bahkan anda juga bisa membingkai artikel dalam border melengkung dengan warna tertentu.
Inilah cara membuat border bersudut melengkung.
Kode dasar untuk membuat border melengkung adalah �-moz-border-radius�
melengkung di sudut kanan atas �-moz-border-radius-topright�
melengkung di sudut kiri atas �-moz-border-radius-topleft�
melengkung di sudut kanan bawah �-moz-border-radius-bottomright�
melengkung di sudut kiri bawah �-moz-border-radius-bottomleft�

Secara lengkap contoh kode dalam membuat border melengkung adalah

<div style="-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; background: #00ff00; border: 3px solid #228b22; padding: 10px; width: 90%;">ini adalah contoh border melengkung sudut kiri dan kanan atas</div>
dan di bawah ini hasilnya;

ini adalah contoh border melengkung sudut kiri dan kanan atas

Keterangan:  
5px : ukuran sudut lengkung, makin besar maka makin melengkung
background: #00ff00 : warna background border, anda sesuaikan dengan selera anda
border: 3px solid #228b22 : ukuran ketebalan dan warna border, juga bisa anda ganti
padding: 10px : jarak antara tulisan dengan border,
width: 90% : lebar border sesuai ukuran tempat di blog anda, bisa anda ganti dengan angka misalnya 123px
Dengan menggunakan kode tersebut Anda bisa membuat border hanya melengkung di kanan atas dan kiri bawah, atau suka-suka anda tergantung pada selera anda.
Bila anda ingin bentuk border melengkung disemua sudutnya maka anda cukup menuliskan: �-moz-border-radius: 5px�. Namun kode ini setahu saya efeknya berlaku hanya di broser Mozilla Firefox.
Silahkan kembangkan kreatifitas anda untuk mendapatkan hasil yang terbaik. OK

Friday, September 23, 2011

Cara Memasang Gambar Pada Header Blog

Gambar pada header blog dapat menambah daya tarik bagi pengunjung. tetapi tidak semua header blog dilengkapi bergambar, seperti template bawaan blogger, masih polos. Jika Anda menghendaki bagian header bergambar ada beberapa hal yang bisa Anda tempuh. Anda yang sudah mahir dengan photoshop ato software desain gambar yang lain tentu tidak akan kesulitan utk membuat gambar header.Nah bagi yang belum mengasai photoshop gimana? tenang sob... masih banyak jalan lain mengujungi Eyang Google .... Pada kesempatan ini saya tidak akan menjelaskan cara membuat gambar header... tapi ngebahas cara pasang gambarnya di header. Nah untuk pasang maupun buat gambar di header ada beberapa hal yang perlu diperhatikan, yaitu lebar dan panjang (ukuran header) blog Anda. Nah untuk mengetahui Ukuran lebar header lihat di bagian html perhatikan bagian Header wraper atau outer wraper berapa px? jadi Anda membuat/mencari gambar jangan lebih besar ukurannya dari ukuran itu.
Bagi Anda yang belum bisa membuat desain gambar, ada saran alternatif buat andayaitu;
1. Cari gambar yang sesuai dengan tema blog anda, search di google dengan key "gambar untuk header blog" ato serah anda yang penting dapat, dan cari yang sesuai dengan ukuran serta tema blog Anda, lalu simpan di kompi Anda, dan siap untuk dipasang.
2. Atau Anda tidak ingin repot cari gambar dan upload ke blog maka anda bisa cari alternatif lain tapi anda siap berkorban lho ... ya anda harus relakan atemplate blog anda, Anda ganti template lama dengan template baru yang sudah ada gambar di headernya. Silahkan serching di google dijamin gratis, kalau sudah dapat download, lalu siap mengganti template lama. Cara ini tidak disarankan bagi blog yang udah berusia lama karena sayang nanti kalau ngaruh ke pencarian google, sering ganti template tidak disukai google "katanya"... Cara memasang gambar di header blog, saya anggap anda sudah memiliki/menyimpan gambar yang akan di pasang
1. Anda login ke blogger
2. Klik Rancangan/Design 
3. Klik Tambah Gadget di bagian header (bagian paling atas) blog, di kanan atas
4. Klik Browse, pilih gambar yang sudah anda simpan di kompi Anda
5. Ada beberapa pilihan berupa bulatan kecil, kalau anda biarkan berarti judul blog dan deskripsi blog tetap tampil seperti semula
6. Klik Simpan. Silahkan lihat hasil kerja Anda, jika berhasil maka header blog Anda tidak polos lagi. Apakah ada konsekuensi dari pemasangan gambar di bagian header? Yang jelas blog Anda akan tampil lebih menarik kalau sesuai dengan tema, selain itu pemasangan gambar ternyata dapat menambah berat loading blog beberapa saat. Nah pilihan ada pada sobat, mau lanjut atau batal ga jadi ah ....
Selamat menimbang-nimbang dan action....
 

Friday, September 2, 2011

Membuat Tabel dalam Posting

Dalam membuat artikel ada kalanya data/informasi perlu ditampilkan dalam bentuk tabel. Tabel yang dibuat akan dapat memperjelas informasi dan maksud penulisnya. Membuat tabel dalam posting sudah barang tentu tidak sama dengan membuat artikel biasa tanpa tabel, memerlukan kode kode tertentu yang rumit dan banyak. Karena memerlukan kode script/html, maka tidak semua orang bisa membuatnya. Namun ternyata dengan menggunakan cara ini siapa saja bisa membuat tabel dalam posting.
Bagi Anda yang sudah terbiasa membuat tabel dalam Word maka Anda tidak akan kesulitan membuat tabel dalam posting. Bagaimanapun bentuk tabel yang Anda inginkan maka akan dapat Anda buat dengan mudah. Contoh tabel sederhana berikut ini dapat Anda buat dengan mudah
 

No


Klasifikasi Data

Data A
Data B
Data C
1



2



3




Untuk membuat tabel dalam posting, Anda tidak perlu mahir dengan kode html karena memang sulit terutama bagi pemula. Yang perlu Anda lakukan adalah membuat tabel sesuai data dan bentuk tabel yang Anda inginkan di Word, buat dan isi datanya sampai lengkap, dan sebagus mungkin, setelah semuanya Anda anggap cukup, langsung pindahkan/copy ke blog Anda. Yang perlu diperhatikan saat membuat tabel di word hendaknya mempertimbangkan lebar kolom posting  di blog Anda, karena tidak sama dengan lebar haman word. Karena jika kolom tabel yang anda buat terlalu lebar maka setelah dipindahkan ke blog Anda akan mengalami perubahan dan tentu saja bentuknya akan berubah. Jika ternyata tabel setelah dipindah ke blog tidak sebagus aslinya, Anda masih bisa mengedit. Editing yang mudah ya kembali lagi word, lakukan perubahan sesuai keinginan Anda. lalu pindahkan kembali ke blog Anda, tabel yang lama dihapus aja.
Nah demikian sharing ringan buat teman teman yang kesulitan membuat tabel dalam posting, semoga bisa membantu.

Sunday, November 21, 2010

Memasang Recent Post di Blogspot

Memasang widgad recent post atau posting terbaru dapat memberikan informasi kepada pengunjung blog anda tentang artikel terbaru yang anda tulis. Jumlah judul artikel yang terpasang di widgad posting terbaru ini biasanya minimal 5 buah, ini akan memberikan kemudahan bagi pengunjung untuk membaca artikel-artikel terbaru di blog anda tanpa harus mencari di daftar isi. Tertarik untuk memasang widgat ini? berikut langkah-langkahnya;
  1. Login ke akun blogger anda dan pilih blog mana yang akan anda buat recent post
  2. Pilih Layout (tata letak) >> Add Page Gadget (tambah elemen halaman) pada sidebar atau dimana saja sesuai keinginan anda.
  3. Pilih Feed dan masukkan alamat url feed berikut, http://bloganda.blogspot.com/atom.xml, kemudian pilih continue/lanjutkan, jangan lupa mengganti tulisan yang dicetak tebal dengan nama blog anda
  4. Jika Muncul pop up window, Isikan title/judul : label widget anda (posting terbaru, recent post dll,) Show: jumlah posting yang akan ditunjukkan (max 5 item), anda bisa menampilkan atau tidak tanggal dan pembuat komen dengan mencentang kotak item date dan item source/author
  5. Klik Save dan lihat hasilnya.

Sunday, November 7, 2010

Mengatur Judul Artikel dan Judul Sidebar

Blogger menjadi salah satu penyedia layanan blog yang sangat diminati, bukan saja karena gratis tetapi juga karena kemudahannya untuk digunakan dan di modifikasi, termasuk oleh para bloger pemula, seperti saya. Salah satu contohnya yaitu blogger secara default telah membuat judul blog, judul artiket dan judul sidebar berada di sebelah kiri atau rata kiri. Namun judul tersebut dapat kita buat menjadi rata tengah atau ada di tengah. Apakah Anda juga ingin merubah judul artikel dan judul sidebar menjadi rata tengah? Nah jika ya, caranya mudah saja.
Berikut ini langkah-langkahnya;

1. Login ke blogger dengan ID anda
2. Klik rancangan
3. Klik Edit html
4. Carilah kode h2 atau sidebar, setelah ketemu, tulislah text-align:center. Jika telah tertulis text-align:left, maka anda tinggal mengganti left menjadi center
5. Kemudian carilah h3 atau post, setelah ketemu tulislah text-align:center. Jika telah ada tulisan text-align:left, maka anda tinggal mengganti left menjadi center.
Nah kalau sudah, klik terbitkan entry, lalu lihat blog, maka judul artikel dan sidebar di blog anda sudah berada di tengah. Hal ini juga berlaku jika anda ingin membuat widget tertentu di sidebar berada di tengah, anda cukup menambahkan kata center di awal di akhir widget tersebut, maka posisi widget tersebut akan berada di tengah. Mudah bukan?

Selamat mencoba.

Wednesday, October 27, 2010

Memasang ShoutMix pada Blog

Semua pengelola blog/web pasti berharap blog/webnya ramai pengunjung, dan untuk itu berbagai trik ditempuh, dari tukeran link, saling kunjung sampai saling tinggalkan komentar. Dan berbagai cara itu selama ini memang dapat meningkatkan trafic/pengunjung. Nah pada kesempatan ini saya akan posting salah satu cara agar pengunjung merasa frendly dengan blog yang sedang dikunjungi sehingga akan datang lagi, yaitu dengan memasang widget chat atau buku tamu. Buku Tamu (shoutmix) berguna untuk berinteraksi dengan tamu. Dengan adanya shoutMix di Blog maka para pengunjung dapat meninggalkan pesan, saling bertukar link ataupun sekedar comment.
Mengingat pentingnya shoutmix maka kesempaltan ini akan saya berikan tatacara memasang shoutmix di blogger, yang mungkin berguna bagi blogger pemula (termasuk saya) yang masih bingung dalam memasang shoutmix pada blognya.
Nah bagi teman2 yang ingin memasang widget shoutmix, berikut langkah-langkahnya;


2. Daftar dulu untuk atau registrasi dengan Klik "create your shoutbox now".
Maka akan muncul halaman seperti dibawah ini. Isi formulirnya: ID anda, Password, nama, email, dan kemudian centang "i have ready and agree ....".






3. Klik Continue, akan muncul halaman berikut Pilihlah shoutbox style sesuai keinginan anda.
kemudian copy kode HTMLnya (untuk nanti di paste ke widget blog).
jika anda ingin mengubah ukuran Shotmix anda pilih "Embed Code(Coztumize size...) " Anda bisa merubah lebar dan tinggi kotak shoutmix sesuai dengan keinginan anda

4. Selanjutnya cara memasang ShoutMix di blog

  1. Login ke blogspot anda.
  2. klik �Tata Letak� atau �Layout�
  3. Klik Tambah Gadget di kiri atau kanan Layout
  4. Cari dan klik HTML/Java Script
  5. Masukan Judul yang diinginkan, contoh: Write something atau tinggalkan pesan.
  6. Paste Script yang tadi di copy dari shoutmix.com pada bagian konten.
  7. Kemudian klik Simpan.
  8. setelah itu pilih Simpan pada Layout bagian atas.
  9. Lihat hasilnya dengan klik �Lihat Blog� pada bagian atas Dashboard



5. Jreeeeeeeeeng ShoutMix chat sobat sudah terpasang n ready to use. . .

Alhamdulillah, berhasil

Friday, October 8, 2010

Cara Mudah Menulis html di Dalam Kolom Posting

Menulis artikel yang berisi kode html biasanya memerlukan trik tertentu agar dapat diterbitkan. Jika tidak, maka artikel anda akan ditolak karena kode html nya tidak dapat diterbitkan. Sebagus apapun artikel Anda jika tidak dapat diterbitkan akan percuma saja. Tetapi Anda jangan khawatir karena ada solusi untuk itu.Menulis artikel berisi html biasanya menyangkut scrip tertentu.
Di dalam halaman artikel, kode html harus dijadikan encode terlebih dulu. Lebih rinci agar artikel Anda yang berisi html tersebut dapat diterbitkan lakukan hal-hal berikut;

1. Jika code html/script yang akan Anda muat dalam artikel Anda berasal dari blog lain, biasanya dicopy terlebih dahulu, lalu buka situs Centricle.com.
2. Setelah situs centricle.com terbuka, klik Tools kemudian klik Entities.
3. Setelah terbuka, pastekan copyan kode html Anda di halaman tersebut
4 Klik tombol Encode yang terletak di kiri bawah, tunggu beberapa saat
5. Setelah proses Encode selesai, copy hasilnya
6. Buka blogger dengan ID Anda sampai ke dashboard, terus klik Posting
7. Paste di halaman posting, dengan cara ini insya allah artikel Anda siap untuk diterbitkan.
8. Jika artikel Anda sudah siap, klik Terbitkan Entri

Selamat mencoba, semoga berhasil.