Membuat Link Membesar Saat disentuh Kursor

<div style="text-align: justify;">Tutorial kali ini tentang trik atau cara untuk membuat blog menjadi lebih menarik. "Membuat Link Membesar Saat disentuh Kursor". Maksudnya link yang pada saat dilintasi cursor mouse akan menjadi besar tulisannya, Selain cara ini Anda juga bisa <a href="http://wadahtutorial.blogspot.com/2013/04/membuat-gambar-membesar-saat-disentuh.html" target="_blank">Membuat Gambar Membesar Saat disentuh Cursor</a>, <a href="http://wadahtutorial.blogspot.com/2011/12/membuat-link-berkedip-disentuh-cursor.html" target="_blank">Membuat Link Berkedip Saat Disentuh Cursor</a>, <a href="http://wadahtutorial.blogspot.com/2011/12/membuat-link-berwarna-warni.html" target="_blank">Membuat Link Berwarna Warni</a>, dan lain-lain.</div><a name="more"></a><div style="text-align: justify;">Buat Sobat yang ingin memasang trik ini silakan ikuti tutorial dibawah ini.</div><br /><div style="text-align: left;">Cara Membuat Link Membesar Saat disentuh Kursor :</div><ul><li>Masuk ke akun blogger sobat.</li><li>Pilih <span style="color: blue;"><b>Template</b></span> > <span style="color: blue;"><b>Edit HTML</b></span>.</li><li>Ceklis / Centang <span style="color: red;"><i>Expand Widget Template</i></span>.</li><li>Cari kode a:hover { </li><li>Ganti kode font-size dengan ukuran yang lebih besar.<br />Contoh :<br /><div style="border-color: blue; border-style: inset; border-width: 2pt; padding: 10px; text-align: left; width: 400px;">a:hover {<br />color:#d2691e;<br />font-size:10px;<br />font-style:italic;<br />cursor:wait;<br />}</div>ganti dengan<br /><div style="border-color: blue; border-style: inset; border-width: 2pt; padding: 10px; text-align: left; width: 400px;">a:hover {<br />color:#d2691e;<br />font-size:<b><span style="color: blue;">19px</span></b>;<br />font-style:italic;<br />cursor:wait;<br />}</div></li><li>Terakhir klik <span style="color: blue;"><b>Simpan Template</b></span>. </li></ul><div style="text-align: left;">Selamat Mencoba dan Semoga Berhasil...</div>

Membuat Link Membesar Saat disentuh Kursor

Tutorial kali ini tentang trik atau cara untuk membuat blog menjadi lebih menarik. "Membuat Link Membesar Saat disentuh Kursor". M...

Read more »

Zhefa Blogger template

<span style="font-size: large;"><b>Template Details :</b></span><br /><div><table cellpadding="0" cellspacing="0" class="Table-Post2" id="AutoNumber1" style="height: 152px;"><tbody><tr><td class="Table-Post2" height="25" width="30%">Platform Type</td><td class="Table-Post2" height="25" width="56%">Blogger / Blogspot</td></tr><tr><td class="Table-Post2" height="25" width="30%">Nama Template </td><td class="Table-Post2" height="25" width="56%"><b>Zhefa Blogger template</b></td></tr><tr><td class="Table-Post2" height="25" width="30%"><span class="cut">Deskripsi</span></td><td class="Table-Post2" height="25" width="56%"><b>Zhefa Blogger template</b> adalah template blogger gratis dengan dua buah sidebar di sebelah kanan.</td></tr><tr><td class="Table-Post2" height="25" width="30%">Template Author</td><td class="Table-Post2" height="25" width="56%">http://wadahtutorial.blogspot.com/</td></tr><tr><td class="Table-Post2" height="25" width="30%">Instruksi URL</td> <td class="Table-Post2" height="25" width="56%"><a href="http://wadahtutorial.blogspot.com/2012/12/ganti-template.html" target="_blank">Cara Mengganti Template</a></td></tr></tbody></table></div><a name="more"></a><br /><div class="separator" style="clear: both; text-align: center;"><img alt="Blogger Template" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Theme/Zefa_zps13d72dde.jpg" /></div><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://wadah-tutorial.googlecode.com/files/Zhefa%20template.rar" rel="nofollow" target="_blank"><button>Download</button></a></div>

Zhefa Blogger template

Template Details : Platform Type Blogger / Blogspot Nama Template Zhefa Blogger template Deskripsi Zhefa Blogger template adalah template b...

Read more »

Membuat Gambar Membesar Saat disentuh Cursor

<div style="text-align: justify;">Mungkin sebagian Blogger sering melihat gambar yang menjadi besar apabila tersentuh cursor. Dalam dunia blogging fitur seperti ini sering disebut dengan nama Image Zoom Effects atau Hover Zoom Smooth Effects. Fitur yang satu ini lumayan banyak di senangi para blogger walaupun sebenarnya dengan memasang Image Zoom Effects ini di blog dapat menggangu pengunjung yang sedang membaca postingan kita.</div><a name="more"></a><div style="text-align: justify;">Postingan ini saya buat untuk melengkapi Tutorial di blog ini, buat sobat yang ingin memasangnya silakan Anda ikuti tutorial dibawah ini.</div><br /><div style="text-align: left;">Cara Membuat Gambar Membesar Saat disentuh Cursor :</div><ul style="text-align: left;"><li>Masuk ke akun blogger sobat.</li><li>Pilih <span style="color: blue;"><b>Template</b></span> > <span style="color: blue;"><b>Edit HTML</b></span>.</li><li>Ceklis / Centang <span style="color: red;"><i>Expand Widget Template</i></span>.</li><li>Cari kode <span style="color: red;">]]></b:skin></span> , gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard.</li><li>Kalau sudah ketemu, letakkan kode berikut tepat di atas kode <span style="color: red;">]]></b:skin></span><br /><div style="border-color: blue; border-style: inset; border-width: 2pt; padding: 10px; text-align: left; width: 400px;">.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }<br />.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }</div></li><li>Terakhir klik <span style="color: blue;"><b>Simpan Template</b></span>. Sekarang lihat hasilnya di blog Sobat.</li></ul><div style="text-align: left;">Semoga tutorial singkat ini bisa bermanfaat...</div>

Membuat Gambar Membesar Saat disentuh Cursor

Mungkin sebagian Blogger sering melihat gambar yang menjadi besar apabila tersentuh cursor. Dalam dunia blogging fitur seperti ini sering di...

Read more »

Cara Menghapus Waktu Komentar

<div style="text-align: justify;">Beberapa hari yang lalu pada postingan <a href="http://wadahtutorial.blogspot.com/2011/12/cara-menghapus-waktu-postingan.html" target="_blank">Cara Menghapus Waktu Postingan</a>, salah satu Sobat Blogger menanyakan tentang Cara Menghapus Waktu di komentar, mungkin menurutnya waktu atau jam tersebut mengganggu tampilan blognya makanya ingin dia hapus, karenanya pada kesempatan ini saya bikin postingan untuk menjawab pertanyaan tersebut.</div><a name="more"></a><br /><div style="text-align: justify;">Jika Sobat blogger yang lain juga ingin menghilangkan waktu komentar, caranya cukup mudah, anda tinggal hapus kode <data:comment.timestamp/>.</div><br /><div style="text-align: left;">Berikut tutorial Menghapus Waktu Komentar :</div><ul><li>Login ke akun Blogger Sobat.</li><li>Pilih <span style="color: blue;"><b>Template</b></span> > <span style="color: blue;"><b>Edit HTML</b></span>.</li><li>Cari kode <div style="border-color: blue; border-style: inset; border-width: 2pt; padding: 10px; text-align: left; width: 400px;"><span class='comment-timestamp'><br /><a expr:href='data:comment.url' title='comment permalink'><br /><data:comment.timestamp/><br /></a><br /><b:include data='comment' name='commentDeleteIcon'/><br /></span></div></li><li>Jika sudah ketemu hapus semua kode tersebut.</li><li>Selanjutnya <span style="color: blue;"><b>Simpan Template</b></span> Sobat.</li></ul><div style="text-align: left;">Simple kan ?!?, Selamat mencoba...</div>

Cara Menghapus Waktu Komentar

Beberapa hari yang lalu pada postingan Cara Menghapus Waktu Postingan , salah satu Sobat Blogger menanyakan tentang Cara Menghapus Waktu di ...

Read more »

Membuat Dua Kolom Widget di Blogspot

<div style="text-align: justify;">Kadang template yang kita gunakan tidak sesuai dengan keinginan kita, misalnya kolom widget yang disediakan hanya ada satu padahal kita membutuhkan yang dua kolom, Tutorial kali ini saya buat untuk para blogger yang ingin Membuat Dua Kolom Widget di Blognya.</div><a name="more"></a><br /><div class="separator" style="clear: both; text-align: center;"><img alt="Dua Kolom Widget / Gadget" border="0" height="195" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/2clm1_zpsde0ee089.gif" title="Dua Kolom Widget / Gadget" width="400" /></div><br /><div style="text-align: justify;">Untuk mempercantik blog dengan susunan gadget yang sesuai dengan keinginan Sobat, dalam hal ini jumlah kolom widget, Sobat dapat membuatnya sendiri dan terserah mau meletakkannya dimana, bisa di bawah posting, di atas posting, di bawah header, di dalam sidebar, di bagian footer ataupun di lain tempat.</div><br /><div style="text-align: left;">Berikut Cara Membuat dua Buah Elemen Gadget/Widget :</div><ul><li>Login Blogger Sobat.</li><li>Pilih <span style="color: blue;"><b>Template</b></span> > <span style="color: blue;"><b>Edit HTML</b></span>.</li><li>Ceklis / Centang <span style="color: red;"><i>Expand Widget Template</i></span>.</li><li>Cari kode <span style="color: red;">]]></b:skin></span> dengan menekan tombol CTRL+F pada keyboard.</li><li>Letakkan script berikut ini diatas <span style="color: red;">]]></b:skin></span> :<br /><div style="border-color: blue; border-style: inset; border-width: 2pt; padding: 10px; text-align: left; width: 400px;">#box-main-container {<br />clear:both;<br />}<br />.box-column {<br />padding:0px 10px 10px 10px;<br />border:1px dotted $bordercolor;<br />}</div>*Anda dapat mengubah padding ( jarak posisi gadget ) 0px 10px 10px 10px maksudnya adalah Jarak ( Atas, Kanan, Bawah, Kiri ).<br />*Anda juga dapat merubah border ( garis tepi widget ) dengan warna, caranya hapus $bordercolor dan ganti dengan kode warna yang Anda inginkan.</li><li>Kemudian cari kode<br /><ul><li>  <div id='main-wrapper'></li><li>  <div id='content-wrapper'></li><li>  <div id='header'> atau <div id='header-wrapper'></li><li>  <div id='sidebar-wrapper'></li><li>  <div id='bottom'></li></ul>Keterangan :<br />*<div id='main-wrapper'> adalah posisi halaman utama anda. Biasanya dipakai untuk penempatan menu horizontall atau daftar isi sebuah blog.<br />*<div id='content-wrapper'> adalah posisi postingan.<br />*<div id='header'> adalah posisi kepala. Biasanya ditempatkan judul blog dan deskripsi blog. <br />*<div id='sidebar-wrapper'> adalah posisi sidebar blog.<br />*<div id='bottom'> adalah posisi paling bawah. Atau Footer Blog Anda.<br />Silakan pilih salah satu, mau menempatkannya dimana.</li><li>Jika sudah didapat atau hampir sama dengan kode diatas, letakkan kode HTML di bawah ini<br /><div style="border-color: blue; border-style: inset; border-width: 2pt; padding: 10px; text-align: left; width: 400px;"><div id="box-main-container"> <div id="box1" style="float: left; margin: 0; text-align: left; width: 50%;"> <b:section class="box-column" id="col1" preferred="yes" style="float: left;"> </b:section></div> <div id="box2" style="float: right; margin: 0; text-align: left; width: 50%;"> <b:section class="box-column" id="col2" preferred="yes" style="float: right;"> </b:section></div><br /><div style="clear: both;"> </div></div></div>Silakan Anda letakkan di bagian atas atau dibawah salah satu kode tadi.<br />*Sebagai contoh saya letakkan dibawah kode <div id='main-wrapper'><br /><img alt="Dua Kolom Widget / Gadget" border="0" height="230" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/2clm2_zpsabdb0ced.gif" title="Dua Kolom Widget / Gadget" width="400" /><br />*Hasilnya seperti gambar berikut<br /><img alt="Dua Kolom Widget / Gadget" border="0" height="195" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/2clm1_zpsde0ee089.gif" title="Dua Kolom Widget / Gadget" width="400" /><br /></li><li>Jika sudah selesai klik <span style="color: blue;"><b>Preview / Pratinjau</b></span> dulu, baru klik <span style="color: blue;"><b>Save Template / Simpan Template</b></span>. </li></ul><div style="text-align: left;">Semoga Tutorial diatas bisa berguna dan bermanfaat...</div>

Membuat Dua Kolom Widget di Blogspot

Kadang template yang kita gunakan tidak sesuai dengan keinginan kita, misalnya kolom widget yang disediakan hanya ada satu padahal kita memb...

Read more »

Cara Menghilangkan Link Langganan Entri Atom

<div style="text-align: justify;">Link langganan entri atom di blog biasanya ada di bawah postingan. Bagi beberapa  blogger mungkin tulisan ini membuat risih atau tidak nyaman untuk di pandang. Buat sobat blogger yang ingin menghapus tulisan Langganan: Entri ( Atom ), sobat dapat mengikuti tutorial berikut.</div><a name="more"></a><br /><div style="text-align: left;">Untuk cara yang pertama Sobat dapat menghapus kode feed-links melalui menu edit HTML. Caranya sebagai berikut :</div><ul><li>Login ke akun blogger sobat.</li><li>Pada Dasbor blogger klik <b><span style="color: red;">Template > Edit HTML > Lanjutkan</span></b>.</li><li>Beri tanda centang pada <span style="color: blue;"><i>Expand Template Widget</i></span></li><li>Cari kode di bawah ini, gunakan fungsi Find (Ctrl+F) biar mudah.<br /><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><div class='feed-links'><br /><data:feedLinksMsg/><br /><b:loop values='data:links' var='f'><br /><a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a><br /></b:loop><br /></div></div></li><li>Hapus semua kode diatas.</li><li>Lalu klik <span style="color: red;"><b>Simpan Templates</b></span></li></ul><div style="text-align: left;">Untuk cara yang kedua Sobat dapat menambahkan kode .feed-links{display:none;}, berikut caranya :</div><ul><li>Login ke akun blogger sobat.</li><li>Pada Dasbor blogger klik <b><span style="color: red;">Template > Edit HTML > Lanjutkan.</span></b></li><li>Beri tanda centang pada <span style="color: blue;"><i>Expand Template Widget</i></span>.</li><li>Cari kode ]]></b:skin , gunakan fungsi Find (Ctrl+F).</li><li>Letakkan kode berikut, tepat diatas kode ]]></b:skin><br /><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;">.feed-links{display:none;}</div></li><li>Setelah itu, klik <span style="color: red;"><b>Simpan Templates</b></span> ( sebaiknya klik Pratinjau terlebih dahulu )</li></ul><div style="text-align: left;">Sekarang sobat lihat pada bagian bawah postingan, apakah tulisan Langganan: Entri (Atom) sudah hilang. Semoga Berhasil...</div>

Cara Menghilangkan Link Langganan Entri Atom

Link langganan entri atom di blog biasanya ada di bawah postingan. Bagi beberapa  blogger mungkin tulisan ini membuat risih atau tidak nyama...

Read more »

Memberi Efek Taburan Bintang di Blog

<div style="text-align: justify;">Sebelumnya saya berbagi salah satu cara untuk mempercantik blog, yaitu <a href="http://wadahtutorial.blogspot.com/2013/03/memberi-efek-taburan-hati-di-blog.html" target="_blank">Memberi Efek Taburan Hati di Blog</a>, pada postingan kali ini saya akan membahas mengenai cara Memberi Efek Taburan Bintang di Blog. Sebenarnya efek ini sama saja dengan efek taburan hati dan <a href="http://wadahtutorial.blogspot.com/2012/05/membuat-efek-daun-berjatuhan-di-blog.html" target="_blank">Efek Daun Berjatuhan</a>, hanya tampilannya saja yang berbeda dan juga kode script-nya.</div><a name="more"></a><br /><div style="text-align: justify;">Untuk menerapkan efek ini pada blog bisa melalui edit template, ataupun lewat gadget, silakan anda pilih cara mana yang menurut anda lebih nyaman.</div><br /><div style="text-align: left;">Cara yang pertama melalui edit template :</div><ul><li>Pada dashboard blogger klik <span style="color: red;"><b>Template > Edit html</b></span></li><li>Beri centang pada <span style="color: red;"><i>Expand Template Widget </i></span> </li><li>Cari kode <span style="color: blue;"></body></span> lalu letakkan kode script efek di atas kode <span style="color: blue;"></body></span>, berikut script-nya:<br />Efek bintang berwarna kuning,<br /><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><script src='http://wadah-tutorial.googlecode.com/files/bintangkuning.js' type='text/javascript'/></div>Efek bintang berwarna biru,<br /><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><script src='http://wadah-tutorial.googlecode.com/files/bintangbiru.js' type='text/javascript'/></div>Efek bintang berwarna oren,<br /><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><script src='http://wadah-tutorial.googlecode.com/files/bintangoren.js' type='text/javascript'/></div>Efek bintang berwarna pink,<br /><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><script src='http://wadah-tutorial.googlecode.com/files/bintangpink.js' type='text/javascript'/></div></li><li>Terakhir klik <span style="color: red;"><b>Save Template</b></span>.</li></ul><div style="text-align: left;">Untuk cara kedua melalui Gadget :</div><ul><li>Pada dashboard klik <span style="color: red;"><b>Tata Letak > Add a gadget > HTML/JavaScript.</b></span></li><li>Letakkan script dibawah ini pada gadget.<br />Efek bintang berwarna kuning,<br /><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><script src='http://wadah-tutorial.googlecode.com/files/bintangkuning.js' type='text/javascript'/></script></div>Efek bintang berwarna biru,<br /><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><script src='http://wadah-tutorial.googlecode.com/files/bintangbiru.js' type='text/javascript'/></script></div>Efek bintang berwarna oren,<br /><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><script src='http://wadah-tutorial.googlecode.com/files/bintangoren.js' type='text/javascript'/></script></div>Efek bintang berwarna pink,<br /><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><script src='http://wadah-tutorial.googlecode.com/files/bintangpink.js' type='text/javascript'/></script></div></li><li> Lalu klik <span style="color: red;"><b>Simpan</b></span> / <span style="color: red;"><b>Save</b></span>.</li></ul><div style="text-align: left;">Selesai,,, silakan lihat hasilnya pada blog sobat.</div>

Memberi Efek Taburan Bintang di Blog

Sebelumnya saya berbagi salah satu cara untuk mempercantik blog, yaitu Memberi Efek Taburan Hati di Blog , pada postingan kali ini saya akan...

Read more »

Tips Mengatasi Pencurian Artikel Blog

<div style="text-align: justify;">Ketika saya menemukan sebuah blog yang mencuri penuh artikel blog saya ini dengan menggandalkan fasilitas import pada feedrss, saya merasa jengkel, karena postingan yang kita ketik sendiri dengan susah payah dengan mudahnya dibajak oleh autoblog yang menggandalkan langganan feed pada blog, apalagi tidak di sertai dengan backlink sumbernya.</div><a name="more"></a><br /><div style="text-align: justify;">Karena itu kita jangan menganggap remeh pengaturan feed pada blog, agar para pencuri artikel tidak leluasa menerapkan aksinya, pada postingan ini saya ingin berbagi trik untuk mengatasi pencurian artikel dengan menyeting feed pada blog kita.</div><br /><div style="text-align: left;">Berikut beberapa cara yang bisa kita terapkan pada blog :</div><br /><div style="text-align: justify;">Cara pertama dengan mengubah izin feed blog yang tadinya "penuh" menjadi "singkat".</div><div style="text-align: justify;">Dengan cara ini pembajak feed hanya dapat mencopy artikel kita secara terbatas yaitu 400 karakter pertama saja.</div><br /><div style="text-align: left;">Caranya : </div><ul><li>Login ke Blog sobat.</li><li>Klik <b><span style="color: red;">Dasbor > Setelan > Lainnya</span></b>.</li><li>Pada "<span style="color: blue;">Izinkan Umpan Blog</span>", ganti opsi <span style="color: blue;">Penuh</span> menjadi <span style="color: blue;">Singkat</span>.<br /><img alt="Tips Mengatasi Pencurian Artikel Blog" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/feedsgkt_zps9dd8cdd6.gif" /></li><li>Simpan Setelan</li></ul><div style="text-align: justify;">Cara kedua dengan memberikan link aktif alamat blog sobat pada kolom "Footer Feed Posting".</div><div style="text-align: justify;">Ini berguna apabila pembajak feed mencopy penuh artikel sobat, maka dibawah postingan terdapat link aktif yang berfungsi menjadi backlink.</div><br /><div style="text-align: left;">Caranya : </div><ul><li>Login ke Blog sobat.</li><li>Klik <b><span style="color: red;">Dasbor > Setelan > Lainnya</span></b>.</li><li>Pada "<span style="color: blue;">Footer Feed Posting</span>" klik "<span style="color: blue;">Tambahkan</span>".<br /><img alt="Tips Mengatasi Pencurian Artikel Blog" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/feedfooter_zpsd222e38b.gif" /></li><li>Lalu masukan script dibawah ini:<br /><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><a href="URL BLOG">Copyright by: NAMA BLOG</a></div>contoh : <br /><a href="http://wadahtutorial.blogspot.com/">Copyright by: Tutorial Blog</a><br /></li><li>Simpan Setelan</li></ul><div style="text-align: justify;">Cara ketiga dengan menghapus feed pada Blogger.</div><div style="text-align: justify;">Dengan cara ini para pembajak feed tidak dapat mencuri artikel anda, karena tidak ada feed yang akan di bajak, namun para pelanggan blog kita tidak dapat mengetaui update artikel baru di blog kita. Jadi dipikir dulu sebelum menerapkan cara ini.</div><br /><div style="text-align: left;">Caranya :</div><ul><li>Login ke Blog sobat.</li><li>Klik <span style="color: red;"><b>Dasbor > Setelan > Lainnya</b></span>.</li><li>Pada "<span style="color: blue;">Izinkan Umpan Blog</span>" pilih "<span style="color: blue;">Tak Satupun</span>".<br /><img alt="Tips Mengatasi Pencurian Artikel Blog" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/feednone_zpsbe293d05.gif" /></li><li>Simpan Setelan. </li></ul><div style="text-align: left;">Semoga dengan beberapa cara di atas Sobat dapat lebih melindungi blog sobat dari para pembajak feed.</div>

Tips Mengatasi Pencurian Artikel Blog

Ketika saya menemukan sebuah blog yang mencuri penuh artikel blog saya ini dengan menggandalkan fasilitas import pada feedrss, saya merasa j...

Read more »

Memberi Efek Taburan Hati di Blog

<div style="text-align: justify;">Kali ini saya akan berbagi salah satu cara untuk mempercantik blog, yaitu dengan memberi efek taburan hati pada sebuah blog, sebelumnya saya juga sudah membahas mengenai cara <a href="http://wadahtutorial.blogspot.com/2012/05/membuat-efek-daun-berjatuhan-di-blog.html" target="_blank">Membuat Efek Daun Berjatuhan di Blog</a>, <a href="http://wadahtutorial.blogspot.com/2012/05/memberi-efek-hujan-salju-di-blog.html" target="_blank">Memberi Efek Hujan Salju di Blog</a>, dll.</div><a name="more"></a><br /><div style="text-align: justify;">Untuk menerapkan efek ini pada blog ada dua cara, pertama lewat edit template, yang kedua lewat gadget, silakan anda pilih cara mana yang menurut anda lebih nyaman.</div><br /><div style="text-align: left;">Cara yang pertama melalui edit template :</div><ul><li>Pada dashboard blogger klik <span style="color: red;"><b>Template > Edit html</b></span></li><li>Beri centang pada <span style="color: red;"><i>Expand Template Widget </i></span> </li><li>Cari kode <span style="color: blue;"></body></span> lalu letakkan script efek di atas kode <span style="color: blue;"></body></span>, berikut script-nya:<br /><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><script src='http://wadah-tutorial.googlecode.com/files/hearts.js' type='text/javascript'/></div></li><li>Terakhir klik <span style="color: red;"><b>Save Template</b></span>.</li></ul><div style="text-align: left;">Untuk cara kedua melalui Gadget :</div><ul><li>Pada dashboard klik <span style="color: red;"><b>Tata Letak > Add a gadget > HTML/JavaScript.</b></span></li><li>Letakkan script dibawah ini pada gadget.<br /><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><script src='http://wadah-tutorial.googlecode.com/files/hearts.js' type='text/javascript'/></script></div></li><li> Lalu klik <span style="color: red;"><b>Simpan</b></span> / <span style="color: red;"><b>Save</b></span>.</li></ul><div style="text-align: left;">Selesai,,, silakan lihat hasilnya pada blog sobat.</div>

Memberi Efek Taburan Hati di Blog

Kali ini saya akan berbagi salah satu cara untuk mempercantik blog, yaitu dengan memberi efek taburan hati pada sebuah blog, sebelumnya saya...

Read more »

Mengatasi Duplikasi Deskripsi Meta

<div style="text-align: justify;"><b><i>Duplikasi deskripsi meta</i></b> pernah di alami blog ini, hal ini terjadi karena Google menemui deskripsi yang sama pada setiap halaman yg di crawl oleh Google spider pada laman blog ini, contoh :</div><a name="more"></a><br /><div class="separator" style="clear: both; text-align: center;"><img alt="Duplikasi deskripsi meta" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/duplikat-meta_zps02d365e9.gif" /></div><br /><div style="text-align: justify;">Pada gambar diatas terdapat deskripsi yang sama, baik itu pada Homepage, halaman, maupun postingan, hal ini tentu tidak baik buat SEO, karena deskripsi yg sama dapat merusak relevansi pencarian, dan Google menganggapnya sebagai duplikasi konten, oleh sebab itu hal tersebut perlu kita perbaiki. Jika sobat belum tahu cara mengetahui duplikat konten silakan baca <a href="http://wadahtutorial.blogspot.com/2013/01/cara-mengetahui-duplikat-konten.html" target="_blank">Cara Mengetahui Duplikat Konten</a>.</div><br /><div style="text-align: justify;">Untuk memperbaiki masalah tersebut, langkah yang saya lakukan adalah sebagai berikut :</div><ul><li>Login ke akun blogger</li><li>Klik pada <span style="color: red;"><b>Template</b></span>.</li><li>Selanjutnya, klik <span style="color: red;"><b>Edit HTML</b></span> dan klik <span style="color: red;"><b>Proceed / Lanjutkan</b></span>.</li><li>Beri tanda centang pada <span style="color: blue;">Expand Template Widget</span>.</li><li>Pada kode<br /><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><meta content='Deskripsi'  name='description'/><br /><meta content='keyword1, keyword2, keyword3, ...' name='keywords'/></div>Sedikit saya tambah kode menjadi :<br /><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><span style="color: red;"><b:if cond='data:blog.url == data:blog.homepageUrl'></span><br /><meta content='Deskripsi'  name='description'/><br /><meta content='keyword1, keyword2, keyword3, ...' name='keywords'/><br /><span style="color: red;"></b:if></span></div>Dengan begini meta description & meta keywords di tampilkan hanya untuk halaman utama (homepage).</li><li>Terakhir klik <span style="color: red;"><b>Simpan Template</b></span>.</li></ul><div style="text-align: justify;">Selain masalah diatas <b><i>Duplikasi deskripsi meta</i></b> juga bisa terjadi pada fungsi arsip, karna dalam sebuah arsip terdapat berbagai link dalam satu content , hal ini kadang juga di anggap sebagai duplikat konten oleh google.</div><br /><div style="text-align: justify;">Jika Sobat mengalami masalah ini Sobat cukup mematikan fungsi arsip, caranya dengan menambahkan kode berikut dibawah kode <span style="color: red;"><head></span> :</div><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if></div><br /><div style="text-align: justify;">Sekian dulu postingan kali ini, semoga bisa membantu Sobat yang ingin Mengatasi Duplikasi deskripsi meta.</div>

Mengatasi Duplikasi Deskripsi Meta

Duplikasi deskripsi meta pernah di alami blog ini, hal ini terjadi karena Google menemui deskripsi yang sama pada setiap halaman yg di craw...

Read more »

Trik Mempercepat Loading Blog

<div style="text-align: justify;">Untuk <a href="http://wadahtutorial.blogspot.com/2011/10/mempercepat-loading-blog.html" target="_blank">Mempercepat Loading Blog</a> ada banyak cara yang dapat dilakukan, antara lain dengan cara <a href="http://wadahtutorial.blogspot.com/2011/10/percepat-loading-compress-css.html" target="_blank">mengkompress kode CSS/HTML</a> biar ukurannya jadi lebih kecil, meng-<a href="http://wadahtutorial.blogspot.com/2011/10/edit-template-valid-xhtml.html" target="_blank">Edit Template Supaya Valid XHTML</a>, <a href="http://wadahtutorial.blogspot.com/2011/10/percepat-loading-kompress-image.html" target="_blank">mengkompress Image</a> supaya lebih optimize, dan lain-lain.</div><a name="more"></a><br /><div style="text-align: justify;">Untuk kali ini saya share cara yang lain, yaitu dengan menggunakan kode script yang dicoding secara khusus untuk mempercepat loading blog. dengan menggunakan kode script ini maka browser tidak akan membaca image/gambar di blog, sehingga dapat meringankan beban server dan mempercepat loading.</div><br /><div style="text-align: left;">Berikut tutorial penggunaan kode script untuk mempercepat loading blog :</div><ul><li>Masuk ke akun blogger anda</li><li>Klik pada <span style="color: red;"><b>Template</b></span>. (jangan lupa backup dulu template anda, untuk menghindari sesuatu yang tidak diinginkan).</li><li>Selanjutnya, klik <span style="color: red;"><b>Edit HTML</b></span> dan klik <span style="color: red;"><b>Proceed / Lanjutkan</b></span>.</li><li>Beri tanda centang pada <span style="color: blue;">Expand Template Widget</span>.</li><li>Cari kode <span style="color: red;"></head></span> gunakan CTRL + F pada keyboard.</li><li>Lalu letakkan kode berikut di atas kode <span style="color: red;"></head></span>.<br /><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt; padding: 10px; width: 400px;"><script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><br /><script src='http://wadah-tutorial.googlecode.com/files/superload.js' type='text/javascript'/><br /><script charset='utf-8' type='text/javascript'> $(function() { $(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4hV4wTQux8Epyt4C6PisWI7K6dJ74LMt8JLq7u8QJ9T00s8uuEsGDwb-wipFUIxVOhisRB4cytZWxKrUKPWsMEt9fj7otaWZdQvMGLxLY4GqE-mJdBiW_KSIt4myT77eu3qKK5_6Ra10/&quot;,threshold : 200}); }); </script></div></li><li>Terakhir klik <span style="color: red;"><b>Simpan Template</b></span>. </li></ul><div style="text-align: left;">Sekarang lihat blog Sobat dan rasakan bedanya, semoga bermanfaat...</div>

Trik Mempercepat Loading Blog

Untuk Mempercepat Loading Blog ada banyak cara yang dapat dilakukan, antara lain dengan cara mengkompress kode CSS/HTML biar ukurannya jad...

Read more »

Cara Mengetahui Duplikat Konten (Duplicate Content)

<div style="text-align: justify;">Duplikat Konten (Duplicate Content) dalam sebuah blog tentu sangat tidak bagus untuk SEO, karena duplikat konten dapat mengurangi kualitas hasil pencarian, akibatnya, kekuatan SERP suatu halaman blog di search engine menjadi lemah, karena itu kita perlu mengetahui apakah pada blog kita terdapat duplikat konten.</div><a name="more"></a><br /><div style="text-align: justify;">Perlu di perjelas bahwa duplikat konten yang saya maksud adalah konten yang ada pada blog kita, bukan duplikat konten dengan blog orang lain, maksudnya kesamaan konten antara postingan kita dengan postingan blog lain, biasanya ini terjadi karena kebiasaan copy paste. Jika ini terjadi tentu akibatnya akan lebih parah lagi, bisa-bisa blog kita di hapus oleh Google. jadi buat Copaser "berhati-hatilah dalam mengcopy artikel orang lain".</div><br /><div style="text-align: left;">Untuk mengetahui duplikat konten yang ada di blog, kita dapat menggunakan Webmasters tools dari Google. Berikut caranya :</div><ul><li>Login ke Blogger.</li><li>Masuk ke <a href="https://www.google.com/webmasters/tools/home?" target="_blank">Webmasters tools</a></li><li>Pilih blog yang ingin Sobat periksa.<br /><img alt="mengetahui duplikat konten" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/webmasterG1_zpscb473195.gif" /></li><li>Klik <span style="color: red;"><b>Pengoptimalan</b></span> > <b><span style="color: red;">Penyempurnaan HTML</span></b>.<br />disana akan di beritahu laman yang bermasalah dan jumlahnya, lihat gambar.<br /><img alt="mengetahui duplikat konten" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/webmasterG2_zps07ef6a1d.gif" /></li></ul><div style="text-align: justify;">Untuk mengoptimalkan SEO sebaiknya perbaiki kesalahan yang ada pada blog sobat, baik itu duplikat meta tag, duplikat meta deskripsi, ataupun masalah lainnya.</div><br /><div style="text-align: left;">Sekian dulu artikel kali ini, untuk selanjutnya akan kita bahas Cara Mengatasi Duplikat Konten.</div>

Cara Mengetahui Duplikat Konten (Duplicate Content)

Duplikat Konten (Duplicate Content) dalam sebuah blog tentu sangat tidak bagus untuk SEO, karena duplikat konten dapat mengurangi kualitas h...

Read more »

Memperbaiki Warning Rich Snippets Testing Tool

<div style="text-align: justify;">Rich Snippets adalah sebuah alat penguji yang memeriksa struktur data HTML dari template sebuah blog, pada saat kita melakukan pengujian dengan alat ini kadang ditemukan warning atau pesan kesalahan yang tentu saja akan lebih baik jika diperbaiki.</div><a name="more"></a><br /><div style="text-align: justify;">Ketika saya cek blog ini di Webmaster Tools Rich Snippets, ternyata terdapat beberapa peringatan, Artinya terdapat file yang di butuhkan hilang pada situs web, ini di anulir menjadi bentuk Peringatan / Warning!, karena tidak diketahui oleh fitur Rich Snippets yang terdapat di webmaster tools. Hal ini cukup berpengaruh pada sebuah blog, apalagi jika kita ingin menampilkan rating bintang atau photo profile Google+ pada hasil pencarian di search engine Google.</div><br /><div style="text-align: justify;">Agar blog kita lebih optimal tentu kita harus mengatasi hal tersebut, untuk itu kita akan sedikit merubah atau menambah kode pada template blog kita. Buat Sobat yang ingin mengetahui struktur data HTML dari template blog anda, silakan masuk ke <a href="http://www.google.com/webmasters/tools/richsnippets?" rel="nofollow" target="_blank">Rich Snippets Testing tool</a>, selanjutnya masukkan URL blog sobat, lalu lihat hasilnya apakah ada warning atau tidak, jika terdapat warning / peringatan sebaiknya sobat perbaiki.</div><br /><div style="text-align: left;">Di bawah ini beberapa peringatan yang sering muncul saat test struktur data :</div><ul><li>Warning : Missing Required Field "Updated"</li><li>Warning : Missing required hCard "author"</li><li>Warning : Missing required field "entry-title"</li><li>Warning : At least one field must be set for HatomFeed</li></ul><div style="text-align: left;">Untuk memperbaiki beberapa peringatan tersebut, sobat dapat lihat pada artikel yang saya tulis dibawah ini:</div><ul><li><a href="http://wadahtutorial.blogspot.com/2013/01/memperbaiki-missing-required-field.html" target="_blank">Memperbaiki Missing Required Field "Updated"</a></li><li><a href="http://wadahtutorial.blogspot.com/2013/01/memperbaiki-missing-required-hcard.html" target="_blank">Memperbaiki Missing Required hCard "Author"</a></li><li><a href="http://wadahtutorial.blogspot.com/2013/01/mengatasi-missing-required-field-entry.html" target="_blank">Mengatasi Missing Required Field "entry-title"</a></li><li><a href="http://wadahtutorial.blogspot.com/2012/12/mengatasi-warning-at-least-one-field.html" target="_blank">Mengatasi Warning: At least one field must be set for HatomFeed</a></li></ul><div style="text-align: left;">Semoga Artikel kali ini bisa bermanfaat buat Sobat dalam Memperbaiki Warning Rich Snippets Testing Tool.</div>

Memperbaiki Warning Rich Snippets Testing Tool

Rich Snippets adalah sebuah alat penguji yang memeriksa struktur data HTML dari template sebuah blog, pada saat kita melakukan pengujian den...

Read more »

Elvetic Blogger Template

<div><b>Template Features :</b></div><div><table cellpadding="0" cellspacing="0" class="Table-Post2" id="AutoNumber1" style="height: 152px;"><tbody><tr><td class="Table-Post2" height="25" width="30%">Platform Type</td><td class="Table-Post2" height="25" width="56%">Blogger / Blogspot</td></tr><tr><td class="Table-Post2" height="25" width="30%">Nama Template </td><td class="Table-Post2" height="25" width="56%"><b>Elvetic Blogger Template</b></td></tr><tr><td class="Table-Post2" height="25" width="30%">Template Author</td><td class="Table-Post2" height="25" width="56%">http://wadahtutorial.blogspot.com/</td></tr><tr><td class="Table-Post2" height="25" width="30%">Instructions URL</td> <td class="Table-Post2" height="25" width="56%"><a href="http://wadahtutorial.blogspot.com/2012/12/ganti-template.html" target="_blank">Cara Mengganti Template</a></td></tr></tbody></table></div><a name="more"></a><br /><div class="separator" style="clear: both; text-align: center;"><img alt="Blogger Template" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Theme/Elvetic_zpsad60d2b2.jpg" /></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://www.4shared.com/rar/YjcijOrs/Elvetic_Template.html" rel="nofollow" target="_blank"><button>Download</button></a></div>

Elvetic Blogger Template

Template Features : Platform Type Blogger / Blogspot Nama Template Elvetic Blogger Template Template Author http://wadahtutorial.blogspot.co...

Read more »

Membuat Daftar Isi Label Tertentu

<div style="text-align: justify;">Pada kesempatan kali ini saya akan berbagi tentang tutorial membuat daftar isi berdasarkan salah satu label pada blog. Maksudnya gini, pada sebuah postingan biasanya kita tautkan pada sebuah Label, dan pada postingan yang lain kita menggunakan label yang lain, artinya terdapat beberapa label pada blog kita, dan kita ingin membuat daftar isi yang berisi hanya postingan dari salah satu label tersebut.</div><a name="more"></a><br /><div style="text-align: left;">Untuk Membuat Daftar Isi Label Tertentu, Sobat dapat mengikuti tutorial berikut :</div><br /><div style="text-align: left;">* Untuk Widget :</div><ul><li>Login ke dashboard blogger.</li><li>Klik pada <span style="color: red;"><b>Tata Letak</b></span> > <span style="color: red;"><b>Tambah Gadget</b></span>.</li><li>Pilih <b style="color: red;">HTML/Java Script</b><br /><img alt="membuat daftar isi" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/HtmlJavaScript.gif" /><br /></li><li>Lalu isikan kode berikut :<br /><div style="border-color: blue; border-style: inset; border-width: 2pt; padding: 10px; text-align: left; width: 400px;"><script src='http://html-scripts.googlecode.com/files/feedlabels.js'/></script><br /><script src="http://<span style="background-color: cyan;">wadahtutorial.blogspot.com</span>/feeds/posts/summary/-/<span style="background-color: cyan;">Blogger Templates</span>?max-results=<span style="background-color: cyan;">10</span>&alt=json-in-script&callback=recentpostslist"></script></div><div style="text-align: left;">Keterangan :</div><span style="background-color: cyan;">wadahtutorial.blogspot.com</span> ganti dengan alamat blog Sobat.<br /><span style="background-color: cyan;">Blogger Templates</span> ganti dengan Label yang ingin ditampilkan.<br /><span style="background-color: cyan;">10</span> ganti dengan jumlah postingan yang ingin di tampilkan.</li><li>Klik <span style="color: red;"><b>Save</b></span> dan periksa blog Sobat. </li></ul><div style="text-align: left;">* Untuk Halaman :</div><ul><li>Login ke blogger Anda, kemudian buat sebuah halaman dengan judul Daftar Isi.</li><li>Kemudian klik pada tab <span style="color: red;"><b>Edit HTML</b></span>.<br /><img alt="membuat daftar isi" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/dflabel_zpsd684e99a.gif" /></li><li>Lalu masukkan kode berikut :<br /><div style="border-color: blue; border-style: inset; border-width: 2pt; padding: 10px; text-align: left; width: 400px;"><span style="background-color: lime;"><div style="overflow:auto;</span><span style="background-color: lime;">height:</span><span style="background-color: lime; color: blue;">450px</span><span style="background-color: lime;">;padding:10px;border:1px solid #eee"></span><br /><script src='http://html-scripts.googlecode.com/files/feedlabels.js'/></script><br /><script src="http://<span style="background-color: cyan;">wadahtutorial.blogspot.com</span>/feeds/posts/summary/-/<span style="background-color: cyan;">Blogger Templates</span>?max-results=<span style="background-color: cyan;">999</span>&alt=json-in-script&callback=recentpostslist"></script><br /><span style="background-color: lime;"></div></span></div></li><li>Klik tombol <b style="color: red;">Preview</b> / <b style="color: red;">Pratinjau</b> untuk melihat hasilnya, jika sudah benar klik <b style="color: red;">Publish Page</b> / <b style="color: red;">Tayangkan Laman</b>. Lalu buka Blog Sobat dan lihat hasilnya�</li></ul><div style="text-align: left;">Demikian tutorial kali ini, selamat mencoba dan semoga berhasil Membuat Daftar Isi Label Tertentu.</div>

Membuat Daftar Isi Label Tertentu

Pada kesempatan kali ini saya akan berbagi tentang tutorial membuat daftar isi berdasarkan salah satu label pada blog. Maksudnya gini, pada ...

Read more »

Mengatasi Missing Required Field "entry-title"

<div style="text-align: justify;"><i><b>Warning: Missing required field "entry-title"</b></i> adalah salah satu pemberitahuan dari Rich snippets testing tools tentang kode title blog Sobat yang kurang tepat. Untuk memperbaikinya ada beberapa cara, tergantung kode template yang sobat gunakan.</div><a name="more"></a><br /><div style="text-align: left;">Untuk cara pertama, Sobat dapat melakukan langkah berikut :</div><ul><li>Masuk ke akun blogger anda</li><li>Klik pada <span style="color: red;"><b>Template</b></span>. (backup dulu template anda).</li><li>Selanjutnya, klik <span style="color: red;"><b>Edit HTML</b></span> dan klik <span style="color: red;"><b>Proceed / Lanjutkan</b></span>.</li><li>Beri tanda centang pada <span style="color: blue;">Expand Template Widget</span>.</li><li>Tekan Ctrl + F di keyboard lalu cari kode <span style="color: blue;"><b>hentry</b></span>, Sobat akan menemukan kode dibawah ini :<br /><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><div class="post <span style="color: blue;">hentry</span>"><br /><div class="post <span style="color: blue;">hentry</span> uncustomized-post-template"></div></li><li>Kalau sudah ketemu hapus kedua hentry pada kode di atas, jadi hasilnya seperti ini :<br /><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><div class="post"><br /><div class="post uncustomized-post-template"></div></li><li>Terakhir klik <span style="color: red;"><b>Simpan Template</b></span>, dan cek di Rich snippet tools.</li></ul><div style="text-align: left;">Jika cara diatas tidak berhasil, silakan coba cara kedua :</div><ul><li>Masih di menu <span style="color: red;"><b>Edit HTML</b></span>.</li><li>Tekan Ctrl + F di keyboard lalu cari kode<br /><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><h3 class='post-title.........' ></h3></div>Tergantung pada template blog Anda, blog Anda mungkin menggunakan tag H1 / H2.<br /></li><li>Ganti kode di atas dengan kode di bawah ini:<br /><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><h3 class='post-title entry-title'></div></li><li><span style="color: red;"><b>Simpan Template</b></span>, dan cek di Rich snippet tools.</li></ul><div style="text-align: left;">Hanya itu tips dari saya tentang Mengatasi Missing required field "entry-title".</div>

Mengatasi Missing Required Field "entry-title"

Warning: Missing required field "entry-title" adalah salah satu pemberitahuan dari Rich snippets testing tools tentang kode title...

Read more »

Memperbaiki Missing Required hCard "Author"

<div style="text-align: justify;">Sama halnya dengan <a href="http://wadahtutorial.blogspot.com/2013/01/memperbaiki-missing-required-field.html" target="_blank">Missing Required Field "Updated"</a>, peringatan yang satu ini juga sering di alami para blogger. <i><b>Missing required hCard "author"</b></i>, Intinya ada kode yang kurang pada blog Sobat yaitu kode author yang tidak ada atau tidak tepat.</div><a name="more"></a><br /><div style="text-align: left;">Untuk mengatasi Warning yang satu ini Sobat dapat mencoba langkah berikut :</div><ul><li>Login ke akun blogger anda</li><li>Klik pada <span style="color: red;"><b>Template</b></span>. (jangan lupa backup dulu template anda, untuk menghindari sesuatu yang tidak diinginkan).</li><li>Selanjutnya, klik <span style="color: red;"><b>Edit HTML</b></span> dan klik <span style="color: red;"><b>Proceed / Lanjutkan</b></span>.</li><li>Beri tanda centang pada <span style="color: blue;">Expand Template Widget</span>.</li><li>Cari kode <span style="color: red;"><b:if cond='data:post.hasJumpLink'></span>, dan letakkan kode berikut di atasnya.<br /><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><div class='vcard' id='hcard-<span style="color: blue;">Madie Zha</span>'><br /><span class='fn n'><br /><span class='given-name'><data:top.authorLabel/><br /><span class='fn'><data:post.author/></span></span><br /></span></div></div><div style="text-align: left;">Yang warna biru ganti dengan nama Sobat.</div><div style="text-align: justify;">*Sebenarnya sobat bisa meletakkan kode tersebut pada Post-header ataupun Post-footer, jadi tidak harus di atas <b:if cond='data:post.hasJumpLink'>.</div></li><li>Terakhir <span style="color: red;"><b>Simpan Template</b></span> dan cek blog sobat di <a href="http://www.google.com/webmasters/tools/richsnippets?" rel="nofollow" target="_blank">Rich Snippets Testing</a>.</li></ul><div style="text-align: justify;">Jika terdapat 2 warning seperti <i><b>Missing required field "updated"</b></i> dan Warning: <i><b>Missing required hCard "author"</b></i>. Sobat dapat menggunakan kode berikut :</div><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><div style='background-color: #F6F6F6; color: auto; border: 0px solid #eee; width:100%; margin: 0px; padding: 0.1px; font-family: Arial,Verdana,Sans-serif; font-size: small; text-align: left;'><br /><div class='vcard' id='hcard-<span style="color: blue;"><b>NAMA</b></span>'><br /><span class='fn n'> <span class='given-name'><data:top.authorLabel/><br /><span class='fn'><data:post.author/></span></span></span></div><br /> <a class='updated' href='http://wadahtutorial.blogspot.com/' rel='bookmark'><span style="color: blue;">Nama Blog</span></a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></div> </div><div style="text-align: left;">Letakkan di atas <span style="color: red;"><b:if cond='data:post.hasJumpLink'></span>. Lalu Simpan Template Anda.</div><br />Semoga berhasil memperbaiki <i><b>Missing required hCard "author"</b></i>.

Memperbaiki Missing Required hCard "Author"

Sama halnya dengan Missing Required Field "Updated" , peringatan yang satu ini juga sering di alami para blogger. Missing required...

Read more »

NofxSilver Blogger Template

<div style="text-align: justify;"><b>NofxSilver Template</b> adalah template blogger gratis. Sama halnya dengan TB-Nofx template, template ini merupakan template yang ringan, hanya warnanya saja yang saya rubah, namun tidak mengurangi kesan sederhana pada template ini.</div><a name="more"></a><br /><div><b>Template Features :</b></div><div><table cellpadding="0" cellspacing="0" class="Table-Post2" id="AutoNumber1" style="height: 152px;"><tbody><tr><td class="Table-Post2" height="25" width="30%">Platform Type</td><td class="Table-Post2" height="25" width="56%">Blogger / Blogspot</td></tr><tr><td class="Table-Post2" height="25" width="30%">Nama Template </td><td class="Table-Post2" height="25" width="56%"><b>NofxSilver Blogger Template</b></td></tr><tr><td class="Table-Post2" height="25" width="30%">Template Author</td><td class="Table-Post2" height="25" width="56%">http://wadahtutorial.blogspot.com/</td></tr><tr><td class="Table-Post2" height="25" width="30%">Instructions URL</td> <td class="Table-Post2" height="25" width="56%"><a href="http://wadahtutorial.blogspot.com/2012/12/ganti-template.html" target="_blank">Cara Mengganti Template</a></td></tr></tbody></table></div><br /><div class="separator" style="clear: both; text-align: center;"><img alt="Blogger Template" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Theme/TB-NofxSilver_zps25f6481f.jpg" /></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://www.4shared.com/rar/-5nAangG/NofxSilver_Template.html" rel="nofollow" target="_blank"><button>Download</button></a></div>

NofxSilver Blogger Template

NofxSilver Template adalah template blogger gratis. Sama halnya dengan TB-Nofx template, template ini merupakan template yang ringan, hanya...

Read more »

Memperbaiki Missing Required Field "Updated"

<div style="text-align: justify;">Ketika saya cek blog ini di Webmaster Tools Rich Snippets Testing, ternyata terdapat peringatan <i><b>Missing Required Field "Updated"</b></i>. Ini adalah pemberitahuan tentang kode time yang hilang atau kurang tepat, Ini cukup berpengaruh pada blog dan harus diperbaiki karena menyangkut verifikasi blog.</div><a name="more"></a><br /><div style="text-align: justify;">Buat sobat yang mengalami masalah yang sama, sobat dapat mencoba langkah di bawah ini untuk memperbaikinya :</div><ul><li>Masuk ke akun blogger anda</li><li>Klik pada <span style="color: red;"><b>Template</b></span>. (jangan lupa backup dulu template anda, untuk menghindari sesuatu yang tidak diinginkan).</li><li>Selanjutnya, klik <span style="color: red;"><b>Edit HTML</b></span> dan klik <span style="color: red;"><b>Proceed / Lanjutkan</b></span>.</li><li>Beri tanda centang pada <span style="color: blue;">Expand Template Widget</span>.</li><li>Cari kode <br /><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><abbr class='<span style="color: red;">published</span>' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></div></li><li>Ganti kata '<span style="color: red;">published</span>' dengan kata '<span style="color: red;">updated</span>', seperti kode berikut :<br /><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><abbr class='<span style="color: red;">updated</span>' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></div></li><li><span style="color: red;"><b>Simpan Template</b></span> dan cek lagi di <a href="http://www.google.com/webmasters/tools/richsnippets?" rel="nofollow" target="_blank">Rich Snippets Testing</a>.</li></ul><div style="text-align: justify;">Selain cara di atas sobat juga bisa menggunakan cara lain untuk Memperbaiki Missing Required Field "Updated". misalnya menambahkan kode berikut :</div><div align="left" style="border-color: blue; border-style: inset; border-width: 2pt;"><span style="background-color: white;"><a class='updated' href='</span><span style="background-color: white;"><span style="color: lime;">http://wadahtutorial.blogspot.com/</span>' rel='bookmark'></span><span style="background-color: white;"><span style="color: lime;">Tutorial Blog</span></a> </span></div><div style="text-align: left;">Kode yang berwarna hijau ganti dengan alamat dan nama blog Sobat.</div><div style="text-align: left;">Letakkan kode tersebut diatas <span style="color: red;"><b:if cond='data:post.hasJumpLink'></span> atau di bawah <span style="color: red;"><div class='post-footer-line post-footer-line-1'></span> atau di bawah <span style="color: red;"><div class='post-header-line-1'/></span>, terserah Sobat mau meletakkan dimana!!</div><div style="text-align: left;">Jika sudah silakan cek di Rich Snippets Testing Tools.</div><br /><div style="text-align: left;">Segitu aja Sob, semoga bisa membantu dalam Memperbaiki Missing Required Field "Updated".</div>

Memperbaiki Missing Required Field "Updated"

Ketika saya cek blog ini di Webmaster Tools Rich Snippets Testing, ternyata terdapat peringatan Missing Required Field "Updated" ....

Read more »

Eywo Blogger Template

<div><span style="font-size: large;">Template Features</span></div><div><table cellpadding="0" cellspacing="0" class="Table-Post2" id="AutoNumber1" style="height: 152px;"><tbody><tr><td class="Table-Post2" height="25" width="30%">Platform Type</td><td class="Table-Post2" height="25" width="56%">Blogger / Blogspot</td></tr><tr><td class="Table-Post2" height="25" width="30%">Nama Template </td><td class="Table-Post2" height="25" width="56%"><b>Eywo Blogger Template</b></td></tr><tr><td class="Table-Post2" height="25" width="30%"><span class="cut">Description</span></td><td class="Table-Post2" height="25" width="56%"><b>Eywo Blogger Template</b> adalah template blogger gratis yang ringan dengan 2 buah sidebar di sebelah kanan, space ads, minimalist, dan motif yang sederhana.</td></tr><tr><td class="Table-Post2" height="25" width="30%">Template Author</td><td class="Table-Post2" height="25" width="56%">http://wadahtutorial.blogspot.com/</td></tr><tr><td class="Table-Post2" height="25" width="30%">Instructions URL</td> <td class="Table-Post2" height="25" width="56%"><a href="http://wadahtutorial.blogspot.com/2012/12/ganti-template.html" target="_blank">Cara Mengganti Template</a></td></tr></tbody></table></div><a name="more"></a><br /><div class="separator" style="clear: both; text-align: center;"><img alt="Blogger Template" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Theme/TBx3_zpsa9163d3f.jpg" /></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://www.4shared.com/rar/20HfxdXf/Eywo_Template.html" rel="nofollow" target="_blank"><button>Download</button></a></div>

Eywo Blogger Template

Template Features Platform Type Blogger / Blogspot Nama Template Eywo Blogger Template Description Eywo Blogger Template adalah template bl...

Read more »