Kumpulan Tutorial Blogspot

Home → Semua Post Berkategori Tips Blogging

Tampilkan postingan dengan label Tips Blogging. Tampilkan semua postingan

Cara Mengatasi dan Melindungi Blog dari Komentar SPAM

Synasmedseo - Ada berbagai bentuk komentar spam sering kita jumpai, ditempelkan visitor pada sebuah posting yang diterbitkan, mulai dari ajakan berkunjung ke blog mereka atau hanya sekedar meninggalkan jejak dengan tujuan untuk mengalirkan back link ke blog mereka serta komentar yang sama sekali tidak relevan dengan materi postingan, yang lebih memprihatinkan, ada pengunjung yang sengaja menempelkan sederatan link hidup berupa promosi bisnis online. Bahkan yang lebih parah beberapa pengunjung telah menempelkan link yang mengarah ke situs dewasa dan link judi online, "caaapeek deech".

Untuk melindungi bagian komentar blog dari tindakan spaming, Anda dapat melakukan trik blogger seperti berikut ini :

Pada halaman dashboard blogger pilih menu Settings > Posts and comments seperti gambar di bawah ini

Lakukan pengaturan pada bagian Who can comment untuk mengizinkan siapa saja yang dapat memberikan komentar di blog Anda, saya menyarankan untuk menggunakan opsi User with Google Accounts, agar visitor yang dapat memberikan komentar, hanya visitor yang memiliki Account Google.

Atur bagian Comment Moderation, menggunakan opsi Always agar setiap komentar yang diberikan oleh pengunjung, baru akan terbit setelah di setujui oleh Author Blog

Anda harus mengaktifkan Show word verification menjadi Yes, untuk mengaktifkan kode chaptca saat pengunjung memberikan komentarnya.

Untuk memblokir link hidup yang mungkin ditempelkan oleh pengunjung pergi ke Template > Edit HTML kemudian tempelkan kode berikut ini di atas kode </body>, simpan perubahan pada template Anda dengan menekan tombol Save templates

<script type='text/javascript'>
$(function() {
$('#comment-holder p').find('a').remove();
});
</script>

Atau Anda dapat menggunakan kode CSS berikut ini, agar link hidup yang ditempelkan di bagian komentar blog akan disembunyikan (tidak ditampilkan), saya lebih menyarankan Anda untuk menggunakan cara ini. Caranya pergi ke menu Template > Edit HTML tempatkan kode berikut di atas kode ]]></b:skin> simpan perubahan pada template Anda dengan menekan tombol Save templates

#comment-holder p a {display:none;}

Sampai di sini pekerjaan anda Melindungi Blog dari Komentar SPAM telah selesai.

Semoga Bermanfaat

Cara Membuat Spoiler atau tombol Show/Hide Pada artikel Blog

Cara Membuat Spoiler atau tombol Show/Hide Pada artikel Blog - Spoiler, hampir sama dengan menempatkan sebuah gambar atau text anda di wadah bingkai yang sering lihat di web atau blog yang gambar pada artikel nya di sembunyikan dan kalau kita ingin melihat gambar nya kita di suruh klik pada suatu tombol..kira-kira begitu deh ,mungkin sobat lebih paham apa yang di maksud dengan spoiler ,di bawah ini ada beberapa kode pembuatan spoiler yang mungkin dapat menghemat tempat postingan kita baik gambar maupun teks dan juga tidak mengganggu loading web kita,Seperti yang Sobat - sobat lihat gambar disamping itulah contoh SPOILER atau tombol Show / hide . oke sebelum kita mulai silahkan lihat tutorial nya dibawah ini

Ikuti langkah - langkah dibawah ini :

Login ke blogger masing - masing
setelah itu buatlah Entri baru terlebih dahulu .
klik Edit html yang ada disebelah Compose
letakkan kode - kode dibawah ini sesuai keinginan tulisan anda .

1.spoiler tampilkan/sembunyikan

<div>

<input value="Tampilkan" style="margin: 0px; padding:0px;width:auto;font-size:10px;" onclick="if(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Sembunyikan'; } else{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button" /></div>
<div class="alt2">
<div style="display: none;">
<div style="background:#000000;text-align:left;padding:10px;color:#ffffff;">
Masukkan text-nya disini. Gambar juga bisa.
</div>
</div>
</div>

NB :

Huruf berwarna biru bisa anda ganti dengan kata lain kaya: SILAHKAN DI BUKA/SILAHKAN DI TUTUP atau kata kata yang lain yang anda sukai.

Huruf yang berwarna merah sobat bisa memasukan pesan atau gambar

2.Spoiler SHOW/HIDE

<div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != ''){ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hidden'; }else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }"type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">
DISINI LETAK KONTENT ANDA</div></div></div></div></div>

NB :

Huruf berwarna biru bisa anda ganti dengan kata lain kaya: SILAHKAN DI BUKA/SILAHKAN DI TUTUP atau kata kata variasi lain nya yang anda sukai.

Huruf yang berwarna merah sobat bisa memasukan pesan atau gambar

3.Spoiler OPEN / CLOSE

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><span style="font-weight: bold;">Judul Spoiler</span><input value="Open" style=" margin:5px;padding: 0px; width: 80px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = ' Close..'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = ' Clik Here'; }" type="button" />
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
ISI SPOILER
</div></div></div>

NB :

Huruf warna putih (judul spoiler) bisa di ganti dengan kata yang lain nya.

Huruf berwarna biru bisa anda ganti dengan kata lain kaya: SILAHKAN DI BUKA/SILAHKAN DI TUTUP atau kata kata variasi lain nya yang anda sukai.

Huruf yang berwarna merah sobat bisa memasukan pesan atau gambar

Semoga Bermanfaat..

Cara menghilangkan Header Blog

Cara menghilangkan Header Blog - Header blog merupakan salah satu unsur yang penting. Karena penilaian pertama dari blog kita yang dirasakan oleh pengunjung adalah terkait kesan pertama mereka setelah melihat header blog kita. Apakah penjelasan kata-katanya sudah menggambarkan tema blog secara keseluruhan? Dan apakah bentuk model tampilan header blognya unik sehingga menarik perhatian dari pengunjung? So, pada dasarnya header blog itu cukup penting dan berperan sekali manfaatnya bagi blog kita.

Akan tetapi, bagi sebagian blogger di antara kita ada yang tidak menginginkan kemunculan header dalam blog mereka. Hal ini mungkin saja bisa didasarkan pada asumsi bahwa tampilan header blog rasanya kurang �match� atau kurang begitu penting dalam blog mereka.

Terus Bagaimana caranya menghilangkan header blog ini?

Caranya cukup mudah. Sebenarnya cara yang nantinya akan kita gunakan untuk menghilangkan header blog itu bukan dengan menghapusnya, melainkan hanya dengan cara menyembunyikannya saja agar tidak terlihat tampilannya di halaman blog milik kita.

Pertama, masuk ke akun Blogger sobat.

Klik fitur rancangan.

Klik edit HTML.

Cari kode di bawah ini.

Tambahkan kode berikut ini dan letakan di bawah kode di atas.

Sehingga, kode HTML dari judul blog akan menjadi seperti contoh di bawah ini.

Klik Save/simpan

Keterangan :

Kode HTML berupa #header h1{ menunjukan judul blog milik kita.
Sebelum melakukan aktifitas edit HTML template pastikan untuk selalu download template secara lengkap terlebih dahulu untuk menghindari terjadinya kegagalan saat proses editing berlangsung.

Penting!! Sebelum save/simpan template!!! Sebaiknya di Pratinjau atau Unduh lengkap template dulu. untuk mengantisipasi kalau ada kejadian yang tidak di inginkan terhadap template Sobat Semoga Berrrhasiilllll :)))

Cara Membuat Follow dan Dashboard blog Tersembunyi

Membuat Follow dan Dashboard blog http://kutu-blogspot.blogspot.com/

Sdynasmeseo - Dalam template asal blogger, sudah diletakkan untuk widget follower dan juga dashboard. Walau bagaimanapun, anda boleh melakukan sedikit pengubahsuaian. Tutorial kali ini akan tunjukkan cara untuk letak button follow dan dashboard dalam blog seperti gambar di samping ini .

Tutorial adalah seperti berikut.

1. Dari dashboard > design > add a gadget > HTML/javascript
2. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript yang dibuka.

<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=ID BLOG ANDA" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" /></a></div>

Nota: Gantikan 'ID BLOG ANDA'

Bagaimana untuk cari ID Blog.?
> Anda klik pada 'new post' dari dashboard, dan akan ada paparan seperti gambar di bawah. Nomoe yang admin highlight adalah contoh NO ID BLOG

3. Setelah anda selesai letakkan ID blog anda, save dan lihat hasilnya.:)

Threaded Comments Untuk Komentar Blogger

Mohon maaf sebelumnya jika saya baru posting tutorial untuk Threaded Comments di Komentar Blogger atau yang biasa dikenal dengan Komentar dengan Button Reply. Beberapa blogger ada yang menanyakan tentang hal ini, pada saat melihat bentuk kotak komentar yang ada di blog miscah. Katanya bagus, terima kasih tapi tutorial ini juga saya dapat dari blog lain yaitu dari blog Artistutorial, untuk itu buat blogger yang penasaran langsung aja menuju ke blog tersebut, disini.

Atau jika malas baca dalam bahasa inggris, saya akan berikan dalam versi indonesianya saja. Langsung saja silahkan sobat login terlebih dahulu ke Blogger, sebelumnya siapkan kopi dan rokok biar tambah asik ngeblognya. Laughing

Masuk ke Rancangan
Klik tab Edit HTML
Jangan lupa backup template terlebih dahulu.
Klik Expand Template Widget

Kemudian copy kode berikut sebelum ]]></b:skin>

#comments h4 {font-size: 18px;font-weight: normal;margin: 20px 0}
.cm_wrap {clear: both;margin-bottom: 10px;float: right;width: 100%}
.cm_head {margin: 0;width:60px;float: left}
.cm_avatar {margin: 0;vertical-align: middle;outline: 1px solid #fff;border: 1px solid #ddd;padding: 3px;background-image:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhae66P0s8EJcZp4LYRGy9tSp2cAOlHf2DgvYqfK6YU2AGMkGKBAxh8bWsBw3lvL6wP-Z3zcnSSXC3CeoW0_bK5d2W4Js-A8he6J-G4MMYYBGOk9dvJ0bl7JOFXqxLTmAFGGrw0VS8fyOg/s1600/author_comment.jpg);background-position:center;background-repeat:no-repeat;width: 35px;height: 35px}
.cm_avatar_a {margin: 0;vertical-align: middle;border: 1px solid #ddd;padding: 3px;
background:#c6e5f7;background-position:center;background-repeat:no-repeat;width: 35px;height: 35px}
.cm_reply {padding-top: 5px}
.cm_reply a {display: inline-block;margin: 0;padding: 1px 6px;border: 1px solid #C4C4C4;border-top-color: #E4E4E4;border-left-color: #E4E4E4;color: #424242 !important;text-align: center;text-shadow: 0 -1px 0 white;text-decoration: none;
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: #EDEDED;background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );font: 11px/18px sans-serif}
.cm_reply a:hover {text-decoration: none !important;;background: #ccc;;background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);;
}
.cm_entry {padding: 16px;background: #FCFCFC;outline: 1px solid #fff;border: 1px solid #ddd;overflow: hidden}
.cm_entry_a {padding: 16px;background: #FCFCFC;outline: 1px solid #fff;border: 1px solid #ddd;overflow: hidden}
.cm_arrow {display: block;width: 9px;height: 18px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS1x22aFZ3qv7j_dxjVAIjne5-QTYLJ7hbUPGSXsUP_t-jg8eO0P6sbvtHMou9tK28_Mr0Fm0fWtdGT45x5MNEXvdBmzwCGjUdntFiqjq-SZpXk8yLfM0nBoftlLZw0pswDB75ycjEEb4/s1600/comment-arrow.gif) no-repeat;position: absolute;margin-left: -25px}
.cm_info {margin-bottom: 5px;border: thin solid #E6E6E6;background-color: #F4F4F4;padding: 5px}
.cm_info_a {margin-bottom: 5px;border: thin solid #E6E6E6;background-color: #dff0fa;
padding: 5px}
.cm_name {font-size: 13px;color: #666666 !important;text-decoration:none;font-weight: bold;float: left}
.cm_name_a {font-size: 13px;color: #666666 !important;text-decoration:none;font-weight: 250;float: left}
.cm_date {font-size: 10px;color: #999;text-decoration:none;float: right}
.cm_date_a {font-size: 10px;color: #2D5E7B;text-decoration:none;float: right;
padding-top:5px}
.cm_entry p {padding: 5px;line-height:1.4em;clear: both;border: thin solid #E6E6E6;background-color: #F4F4F4;font-size: 13px;color: #333;word-wrap:break-word}
.cm_entry_a p {padding: 5px;clear: both;border: thin solid #E6E6E6;background-color:  #dff0fa;font-size: 13px;color: #333;word-wrap:break-word}
.cm_pagenavi {font-size: 10px;text-transform: uppercase;color: #666;text-shadow: 1px 1px white;font-weight: bold}
.cm_pagenavi a {color: #666;text-decoration: none;padding:10px}
.cm_pagenavi a:hover {text-decoration: underline}
.cm_pagenavi span {color: #888;background: white;padding: 4px;border: 1px solid #E0E0E0}
.owner-Body p{margin-bottom: 5px;border: thin solid #E6E6E6;background:#EFF5FB;padding: 5px}

Letakkan kode berikut sebelum </body> :

&lt;script type="text/javascript"&gt;&lt;!--
var _0x7bf4=["\x32\x20\x78\x3D\x31\x72\x2E\x31\x6E\x2E\x4A\x3B\x32\x20\x46\x3D\x77\x2E\x79\x28\x27\x31\x6D\x27\x29\x3B\x32\x20\x6D\x3D\x46\x2E\x75\x3B\x32\x20\x70\x3D\x5B\x5D\x3B\x32\x20\x37\x3D\x5B\x5D\x3B\x32\x20\x64\x3D\x5B\x5D\x3B\x32\x20\x6E\x3D\x30\x3B\x32\x20\x49\x3D\x27\x27\x3B\x32\x20\x4B\x3D\x27\x27\x3B\x32\x20\x45\x3D\x27\x27\x3B\x32\x20\x69\x3D\x30\x3B\x32\x20\x6A\x3D\x30\x3B\x32\x20\x6B\x3D\x30\x3B\x32\x20\x68\x3D\x30\x3B\x32\x20\x62\x3D\x27\x27\x3B\x32\x20\x42\x3D\x22\x22\x3B\x32\x20\x71\x3D\x22\x22\x3B\x31\x73\x20\x31\x31\x28\x29\x7B\x32\x20\x56\x3D\x2D\x31\x3B\x38\x28\x5A\x2E\x31\x79\x3D\x3D\x27\x31\x7A\x20\x31\x76\x20\x31\x75\x27\x29\x7B\x32\x20\x31\x65\x3D\x5A\x2E\x31\x77\x3B\x32\x20\x31\x30\x3D\x31\x78\x20\x31\x32\x28\x22\x31\x74\x20\x28\x5B\x30\x2D\x39\x5D\x7B\x31\x2C\x7D\x5B\x5C\x2E\x30\x2D\x39\x5D\x7B\x30\x2C\x7D\x29\x22\x29\x3B\x38\x28\x31\x30\x2E\x31\x41\x28\x31\x65\x29\x21\x3D\x31\x70\x29\x56\x3D\x31\x71\x28\x31\x32\x2E\x24\x31\x29\x7D\x31\x6F\x20\x56\x7D\x32\x20\x57\x3D\x31\x31\x28\x29\x3B\x38\x28\x57\x3D\x3D\x2D\x31\x7C\x7C\x57\x3E\x3D\x39\x29\x7B\x31\x34\x28\x6D\x2E\x66\x28\x27\x4C\x3D\x22\x63\x27\x29\x21\x3D\x2D\x31\x29\x7B\x69\x3D\x6D\x2E\x66\x28\x27\x4C\x3D\x22\x63\x27\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x2B\x34\x29\x3B\x69\x3D\x6D\x2E\x66\x28\x27\x22\x27\x29\x3B\x70\x5B\x6E\x5D\x3D\x6D\x2E\x65\x28\x30\x2C\x69\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x29\x3B\x37\x5B\x6E\x5D\x3D\x77\x2E\x79\x28\x70\x5B\x6E\x5D\x29\x2E\x75\x3B\x64\x5B\x6E\x5D\x3D\x30\x3B\x6E\x2B\x2B\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x2D\x31\x3B\x69\x2B\x2B\x29\x7B\x76\x28\x6A\x3D\x69\x2B\x31\x3B\x6A\x3C\x6E\x3B\x6A\x2B\x2B\x29\x7B\x38\x28\x37\x5B\x6A\x5D\x2E\x66\x28\x70\x5B\x69\x5D\x29\x21\x3D\x2D\x31\x29\x7B\x49\x3D\x70\x5B\x6A\x5D\x3B\x4B\x3D\x37\x5B\x6A\x5D\x3B\x64\x5B\x6A\x5D\x3D\x64\x5B\x69\x5D\x2B\x31\x3B\x45\x3D\x64\x5B\x6A\x5D\x3B\x76\x28\x68\x3D\x69\x2B\x31\x3B\x68\x3C\x6A\x3B\x68\x2B\x2B\x29\x7B\x38\x28\x64\x5B\x68\x5D\x3C\x45\x29\x7B\x31\x37\x7D\x7D\x76\x28\x6B\x3D\x6A\x3B\x6B\x3E\x68\x3B\x6B\x3D\x6B\x2D\x31\x29\x7B\x70\x5B\x6B\x5D\x3D\x70\x5B\x6B\x2D\x31\x5D\x3B\x37\x5B\x6B\x5D\x3D\x37\x5B\x6B\x2D\x31\x5D\x3B\x64\x5B\x6B\x5D\x3D\x64\x5B\x6B\x2D\x31\x5D\x7D\x70\x5B\x68\x5D\x3D\x49\x3B\x37\x5B\x68\x5D\x3D\x4B\x3B\x64\x5B\x68\x5D\x3D\x45\x7D\x7D\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x3B\x69\x2B\x2B\x29\x7B\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x40\x3C\x61\x20\x4A\x3D\x22\x23\x63\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x2B\x31\x29\x3B\x6A\x3D\x71\x2E\x66\x28\x27\x3C\x2F\x61\x3E\x27\x29\x3B\x71\x3D\x71\x2E\x65\x28\x6A\x2B\x34\x29\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x71\x7D\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x50\x3D\x22\x59\x22\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x29\x3B\x38\x28\x64\x5B\x69\x5D\x3E\x36\x29\x64\x5B\x69\x5D\x3D\x36\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x27\x74\x3D\x22\x31\x35\x3A\x27\x2B\x28\x31\x39\x2D\x64\x5B\x69\x5D\x2A\x35\x29\x2B\x27\x25\x22\x20\x27\x2B\x71\x7D\x62\x2B\x3D\x37\x5B\x69\x5D\x7D\x62\x2B\x3D\x27\x3C\x67\x20\x50\x3D\x22\x31\x66\x22\x3E\x3C\x2F\x67\x3E\x27\x3B\x46\x2E\x75\x3D\x62\x3B\x46\x2E\x74\x2E\x51\x3D\x27\x31\x62\x27\x3B\x32\x20\x4D\x3D\x77\x2E\x79\x28\x27\x31\x61\x27\x29\x2E\x75\x3B\x32\x20\x6F\x3D\x4F\x28\x4D\x29\x3B\x38\x28\x6F\x3E\x72\x29\x7B\x62\x3D\x27\x3C\x67\x20\x74\x3D\x22\x47\x3A\x31\x63\x22\x3E\x31\x64\x20\x27\x3B\x32\x20\x48\x3D\x28\x6F\x2D\x6F\x25\x72\x29\x2F\x72\x2B\x31\x3B\x32\x20\x73\x3D\x27\x27\x3B\x32\x20\x6C\x3D\x31\x3B\x69\x3D\x78\x2E\x66\x28\x27\x2E\x31\x6C\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x78\x2E\x65\x28\x30\x2C\x69\x2B\x35\x29\x7D\x7A\x7B\x73\x3D\x78\x7D\x69\x3D\x73\x2E\x66\x28\x27\x23\x44\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x73\x2E\x65\x28\x30\x2C\x69\x29\x7D\x69\x3D\x78\x2E\x66\x28\x27\x3F\x53\x3D\x27\x29\x3B\x38\x28\x69\x3D\x3D\x2D\x31\x29\x7B\x6C\x3D\x31\x7D\x7A\x7B\x6C\x3D\x4F\x28\x78\x2E\x65\x28\x69\x2B\x31\x33\x29\x29\x7D\x76\x28\x69\x3D\x31\x3B\x69\x3C\x3D\x48\x3B\x69\x2B\x2B\x29\x7B\x38\x28\x69\x3D\x3D\x6C\x29\x7B\x62\x2B\x3D\x27\x3C\x55\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x55\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x61\x20\x4A\x3D\x22\x27\x2B\x73\x2B\x27\x3F\x53\x3D\x27\x2B\x69\x2B\x27\x23\x44\x22\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x61\x3E\x27\x7D\x7D\x38\x28\x6C\x2A\x72\x3C\x3D\x6F\x29\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x28\x6C\x2A\x72\x29\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x6F\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x32\x20\x43\x3D\x77\x2E\x79\x28\x27\x31\x69\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x43\x3D\x77\x2E\x79\x28\x27\x31\x68\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x38\x28\x6C\x3C\x48\x29\x7B\x62\x3D\x27\x3C\x74\x20\x31\x67\x3D\x22\x31\x6B\x2F\x31\x6A\x22\x3E\x2E\x58\x20\x7B\x51\x3A\x20\x31\x38\x7D\x3C\x2F\x74\x3E\x27\x3B\x32\x20\x4E\x3D\x77\x2E\x79\x28\x27\x31\x36\x27\x29\x3B\x4E\x2E\x75\x3D\x62\x7D\x7D\x7D\x7A\x7B\x31\x34\x28\x6D\x2E\x66\x28\x27\x4C\x3D\x63\x27\x29\x21\x3D\x2D\x31\x29\x7B\x69\x3D\x6D\x2E\x66\x28\x27\x4C\x3D\x63\x27\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x2B\x33\x29\x3B\x69\x3D\x6D\x2E\x66\x28\x27\x3E\x27\x29\x3B\x70\x5B\x6E\x5D\x3D\x6D\x2E\x65\x28\x30\x2C\x69\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x29\x3B\x37\x5B\x6E\x5D\x3D\x77\x2E\x79\x28\x70\x5B\x6E\x5D\x29\x2E\x75\x3B\x64\x5B\x6E\x5D\x3D\x30\x3B\x6E\x2B\x2B\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x2D\x31\x3B\x69\x2B\x2B\x29\x7B\x76\x28\x6A\x3D\x69\x2B\x31\x3B\x6A\x3C\x6E\x3B\x6A\x2B\x2B\x29\x7B\x38\x28\x37\x5B\x6A\x5D\x2E\x66\x28\x70\x5B\x69\x5D\x29\x21\x3D\x2D\x31\x29\x7B\x49\x3D\x70\x5B\x6A\x5D\x3B\x4B\x3D\x37\x5B\x6A\x5D\x3B\x64\x5B\x6A\x5D\x3D\x64\x5B\x69\x5D\x2B\x31\x3B\x45\x3D\x64\x5B\x6A\x5D\x3B\x76\x28\x68\x3D\x69\x2B\x31\x3B\x68\x3C\x6A\x3B\x68\x2B\x2B\x29\x7B\x38\x28\x64\x5B\x68\x5D\x3C\x45\x29\x7B\x31\x37\x7D\x7D\x76\x28\x6B\x3D\x6A\x3B\x6B\x3E\x68\x3B\x6B\x3D\x6B\x2D\x31\x29\x7B\x70\x5B\x6B\x5D\x3D\x70\x5B\x6B\x2D\x31\x5D\x3B\x37\x5B\x6B\x5D\x3D\x37\x5B\x6B\x2D\x31\x5D\x3B\x64\x5B\x6B\x5D\x3D\x64\x5B\x6B\x2D\x31\x5D\x7D\x70\x5B\x68\x5D\x3D\x49\x3B\x37\x5B\x68\x5D\x3D\x4B\x3B\x64\x5B\x68\x5D\x3D\x45\x7D\x7D\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x3B\x69\x2B\x2B\x29\x7B\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x40\x3C\x41\x20\x4A\x3D\x22\x23\x63\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x2B\x31\x29\x3B\x6A\x3D\x71\x2E\x66\x28\x27\x3C\x2F\x41\x3E\x27\x29\x3B\x71\x3D\x71\x2E\x65\x28\x6A\x2B\x34\x29\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x71\x7D\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x50\x3D\x59\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x29\x3B\x38\x28\x64\x5B\x69\x5D\x3E\x36\x29\x64\x5B\x69\x5D\x3D\x36\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x27\x74\x3D\x22\x31\x35\x3A\x27\x2B\x28\x31\x39\x2D\x64\x5B\x69\x5D\x2A\x35\x29\x2B\x27\x25\x22\x20\x27\x2B\x71\x7D\x62\x2B\x3D\x37\x5B\x69\x5D\x7D\x62\x2B\x3D\x27\x3C\x67\x20\x50\x3D\x22\x31\x66\x22\x3E\x3C\x2F\x67\x3E\x27\x3B\x46\x2E\x75\x3D\x62\x3B\x46\x2E\x74\x2E\x51\x3D\x27\x31\x62\x27\x3B\x32\x20\x4D\x3D\x77\x2E\x79\x28\x27\x31\x61\x27\x29\x2E\x75\x3B\x32\x20\x6F\x3D\x4F\x28\x4D\x29\x3B\x38\x28\x6F\x3E\x72\x29\x7B\x62\x3D\x27\x3C\x67\x20\x74\x3D\x22\x47\x3A\x31\x63\x22\x3E\x31\x64\x20\x27\x3B\x32\x20\x48\x3D\x28\x6F\x2D\x6F\x25\x72\x29\x2F\x72\x2B\x31\x3B\x32\x20\x73\x3D\x27\x27\x3B\x32\x20\x6C\x3D\x31\x3B\x69\x3D\x78\x2E\x66\x28\x27\x2E\x31\x6C\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x78\x2E\x65\x28\x30\x2C\x69\x2B\x35\x29\x7D\x7A\x7B\x73\x3D\x78\x7D\x69\x3D\x73\x2E\x66\x28\x27\x23\x44\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x73\x2E\x65\x28\x30\x2C\x69\x29\x7D\x69\x3D\x78\x2E\x66\x28\x27\x3F\x53\x3D\x27\x29\x3B\x38\x28\x69\x3D\x3D\x2D\x31\x29\x7B\x6C\x3D\x31\x7D\x7A\x7B\x6C\x3D\x4F\x28\x78\x2E\x65\x28\x69\x2B\x31\x33\x29\x29\x7D\x76\x28\x69\x3D\x31\x3B\x69\x3C\x3D\x48\x3B\x69\x2B\x2B\x29\x7B\x38\x28\x69\x3D\x3D\x6C\x29\x7B\x62\x2B\x3D\x27\x3C\x55\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x55\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x61\x20\x4A\x3D\x22\x27\x2B\x73\x2B\x27\x3F\x53\x3D\x27\x2B\x69\x2B\x27\x23\x44\x22\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x61\x3E\x27\x7D\x7D\x38\x28\x6C\x2A\x72\x3C\x3D\x6F\x29\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x28\x6C\x2A\x72\x29\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x6F\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x32\x20\x43\x3D\x77\x2E\x79\x28\x27\x31\x69\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x43\x3D\x77\x2E\x79\x28\x27\x31\x68\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x38\x28\x6C\x3C\x48\x29\x7B\x62\x3D\x27\x3C\x74\x20\x31\x67\x3D\x22\x31\x6B\x2F\x31\x6A\x22\x3E\x2E\x58\x20\x7B\x51\x3A\x20\x31\x38\x7D\x3C\x2F\x74\x3E\x27\x3B\x32\x20\x4E\x3D\x77\x2E\x79\x28\x27\x31\x36\x27\x29\x3B\x4E\x2E\x75\x3D\x62\x7D\x7D\x7D","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x76\x61\x72\x7C\x7C\x7C\x7C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x7C\x69\x66\x7C\x7C\x7C\x73\x74\x72\x6F\x75\x74\x7C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x4C\x65\x76\x65\x6C\x7C\x73\x75\x62\x73\x74\x72\x69\x6E\x67\x7C\x69\x6E\x64\x65\x78\x4F\x66\x7C\x64\x69\x76\x7C\x7C\x7C\x7C\x7C\x43\x6D\x5F\x43\x75\x72\x5F\x50\x61\x67\x65\x7C\x43\x6D\x5F\x42\x6C\x6F\x63\x6B\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x7C\x43\x6D\x5F\x4E\x75\x6D\x7C\x43\x6D\x5F\x54\x6F\x74\x61\x6C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x49\x64\x7C\x73\x74\x72\x5F\x74\x32\x7C\x32\x30\x30\x7C\x4F\x72\x67\x5F\x55\x72\x6C\x5F\x54\x68\x72\x65\x61\x64\x43\x4D\x7C\x73\x74\x79\x6C\x65\x7C\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C\x7C\x66\x6F\x72\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x43\x75\x72\x5F\x55\x72\x6C\x5F\x54\x68\x72\x65\x61\x64\x43\x4D\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x65\x6C\x73\x65\x7C\x7C\x73\x74\x72\x5F\x74\x31\x7C\x43\x6D\x5F\x50\x61\x67\x65\x5F\x4F\x62\x6A\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x4C\x65\x76\x65\x6C\x5F\x54\x7C\x43\x6D\x5F\x42\x6C\x6F\x63\x6B\x7C\x66\x6C\x6F\x61\x74\x7C\x43\x6D\x5F\x50\x61\x67\x65\x5F\x4E\x75\x6D\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x49\x64\x5F\x54\x7C\x68\x72\x65\x66\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x5F\x54\x7C\x69\x64\x7C\x43\x6D\x5F\x54\x6F\x74\x61\x6C\x5F\x4F\x62\x6A\x7C\x43\x6D\x5F\x52\x65\x70\x6C\x79\x43\x53\x53\x5F\x4F\x62\x6A\x7C\x70\x61\x72\x73\x65\x49\x6E\x74\x7C\x63\x6C\x61\x73\x73\x7C\x64\x69\x73\x70\x6C\x61\x79\x7C\x6F\x66\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x50\x61\x67\x65\x7C\x72\x69\x67\x68\x74\x7C\x73\x70\x61\x6E\x7C\x72\x76\x7C\x49\x45\x5F\x76\x65\x72\x7C\x63\x6D\x5F\x61\x75\x74\x68\x6F\x72\x5F\x72\x65\x70\x6C\x79\x7C\x63\x6D\x5F\x77\x72\x61\x70\x7C\x6E\x61\x76\x69\x67\x61\x74\x6F\x72\x7C\x72\x65\x7C\x67\x65\x74\x49\x6E\x74\x65\x72\x6E\x65\x74\x45\x78\x70\x6C\x6F\x72\x65\x72\x56\x65\x72\x73\x69\x6F\x6E\x7C\x52\x65\x67\x45\x78\x70\x7C\x7C\x77\x68\x69\x6C\x65\x7C\x77\x69\x64\x74\x68\x7C\x63\x6D\x5F\x72\x65\x70\x6C\x79\x5F\x63\x73\x73\x7C\x62\x72\x65\x61\x6B\x7C\x6E\x6F\x6E\x65\x7C\x31\x30\x30\x7C\x63\x6D\x5F\x74\x6F\x74\x61\x6C\x7C\x62\x6C\x6F\x63\x6B\x7C\x6C\x65\x66\x74\x7C\x50\x61\x67\x65\x7C\x75\x61\x7C\x63\x6C\x65\x61\x72\x7C\x74\x79\x70\x65\x7C\x63\x6D\x5F\x70\x61\x67\x65\x5F\x63\x6F\x70\x79\x7C\x63\x6D\x5F\x70\x61\x67\x65\x7C\x63\x73\x73\x7C\x74\x65\x78\x74\x7C\x68\x74\x6D\x6C\x7C\x63\x6D\x5F\x62\x6C\x6F\x63\x6B\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x72\x65\x74\x75\x72\x6E\x7C\x6E\x75\x6C\x6C\x7C\x70\x61\x72\x73\x65\x46\x6C\x6F\x61\x74\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x4D\x53\x49\x45\x7C\x45\x78\x70\x6C\x6F\x72\x65\x72\x7C\x49\x6E\x74\x65\x72\x6E\x65\x74\x7C\x75\x73\x65\x72\x41\x67\x65\x6E\x74\x7C\x6E\x65\x77\x7C\x61\x70\x70\x4E\x61\x6D\x65\x7C\x4D\x69\x63\x72\x6F\x73\x6F\x66\x74\x7C\x65\x78\x65\x63","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0x4f09x1,_0x4f09x2,_0x4f09x3,_0x4f09x4,_0x4f09x5,_0x4f09x6){_0x4f09x5=function (_0x4f09x3){return (_0x4f09x3&lt;_0x4f09x2?_0x7bf4[4]:_0x4f09x5(parseInt(_0x4f09x3/_0x4f09x2)))+((_0x4f09x3=_0x4f09x3%_0x4f09x2)&gt;35?String[_0x7bf4[5]](_0x4f09x3+29):_0x4f09x3.toString(36));} ;if(!_0x7bf4[4][_0x7bf4[6]](/^/,String)){while(_0x4f09x3--){_0x4f09x6[_0x4f09x5(_0x4f09x3)]=_0x4f09x4[_0x4f09x3]||_0x4f09x5(_0x4f09x3);} ;_0x4f09x4=[function (_0x4f09x5){return _0x4f09x6[_0x4f09x5];} ];_0x4f09x5=function (){return _0x7bf4[7];} ;_0x4f09x3=1;} ;while(_0x4f09x3--){if(_0x4f09x4[_0x4f09x3]){_0x4f09x1=_0x4f09x1[_0x7bf4[6]]( new RegExp(_0x7bf4[8]+_0x4f09x5(_0x4f09x3)+_0x7bf4[8],_0x7bf4[9]),_0x4f09x4[_0x4f09x3]);} ;} ;return _0x4f09x1;} (_0x7bf4[0],62,99,_0x7bf4[3][_0x7bf4[2]](_0x7bf4[1]),0,{}));
--&gt;&lt;/script&gt;

atau jika kepanjangan bisa menggunakan kode script berikut (pilih salah satu saja) :

<script src='http://miscah.googlecode.com/files/comment-replay.js' type='text/javascript'/>

Kemudian cari kode seperti dibawah ini :
<b:includable id='comments' var='post'>
disini letak kode baru
</b:includable>

Hapus saja semua kode tersebut dan ganti dengan kode dibawah ini :

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments &gt; 0'>
<b:if cond='data:post.numComments == 1'>
<span id='cm_total'>1</span> comment
<b:else/>
<span id='cm_total'><data:post.numComments/></span> comments
</b:if>
</b:if>
</h4>
<div id='cm_reply_css'/>
<div class='cm_pagenavi' id='cm_page'/>
<div id='cm_block'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.isDeleted'>
<b:else/>
<div expr:id='data:comment.anchorName'>
<div class='cm_wrap'>
<a expr:name='data:comment.anchorName'/>
<div class='cm_head'>
<div class='cm_avatar'>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>                       
</div>
<div class='cm_reply'>
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=90113338581622&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
</div>
</div>

<div class='cm_entry'>
<span class='cm_arrow'/>
<div class='cm_info'>
<div class='cm_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
<data:comment.author/>
</a>
<b:else/>
<b><data:comment.author/></b>
</b:if>
</div>
<div class='cm_date'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<div class='clear'/>                                 
</div>                             
<b:if cond='data:comment.author == data:post.author'>
<div class='owner-Body'>
<p><data:comment.body/></p>
</div>
<b:else/>
<div class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</div>
</b:if>

</div>
</div>
</div>
</b:if>             
</b:loop>
</div>

<div class='cm_pagenavi' id='cm_page_copy'/>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</b:if>
</div>
</b:includable>

Ganti tulisan yang berwarna merah dengan BlogID sobat (lihat di browser)
Kemudian Simpan.

Selesai ! semoga berhasil, kalau kurang puas silahkan komentar, Insya Allah jika sempat akan saya balas. Terima kasih

Membuat Label Dengan Thumbnail Hover

label_thumbnail Label yang selama ini sering kita jumpai bentuknya hanya berupa tulisan saja, itupun sudah ada dalam fasilitas menu di blogger. Bagaimana jika mengganti label dengan thumbnail atau gambar dari postingan? caranya sangat mudah, hanya manambahkan sedikit kode css dan javascript maka label dengan thumbnail akan menghiasi blog sobat. Kali ini saya coba berikan tutorial blog tentang label dengan thumbnail hover.

Penulisan label juga harus sesuai dengan yang ada di blog sobat, seperti besar kecilnya huruf juga sangat memperangaruhi. Untuk memulainya, ada baiknya sobat backup terlebih dahulu templatenya dengan masuk ke Rancangan �> Edit HTML �> Download Template Lengkap.

Tambahkan kode css berikut diatas / sebelum kode ]]></b:skin> :

img.label_thumb {

float:left;

padding:3px;

background:#CCC;

border:1px solid #A4A4A4;

width:100px;

height:75px;

margin-right:10px;

margin-top:10px }

img.label_thumb:hover {

opacity:0.8;

filter:alpha(opacity=80);

-moz-opacity:0.80;

-khtml-opacity:0.8 }
Kemudian tambahkan kode script berikut dibawah / setelah kode ]]></b:skin> :

<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}
var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}
else thumburl='';}
document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a>');
if(i!=(numposts-1))
document.write('');}
document.write('</div>');}
//]]>
</script>
Simpan Template.
Masuk ke Elemen Laman �> Tata Letak
Pilih salah satu gadget yang ingin sobat masukkan label, kemudian klik Tambah Gadget dan pilih yang HTML/Javascript.
Kemudian masukkan kode berikut kedalamnya :

<script type='text/javascript'>var numposts = 6;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Magazine?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

Keterangan :

Tulisan yang berwarna hijau adalah lebar dan tinggi thumbnail, sobat bisa sesuaikan dengan lebar widget template sobat.

Tulisan yang berwarna biru untuk jumlah label yang akan di tampilkan.

Dan tulisan yang berwarna merah untuk label yang akan sobat tampilkan, jangan sampai salah menulis labelnya, besar kecilnya huruf juga sangat mempengaruhi.

Sekian saja tips dari saya, semoga bermanfaat.

Modifikasi Followers

Sudah hampir sebulan saya tidak update blog ini, di samping kesibukkan saya di luar saya juga cukup kelelahan mengurus blog-blog saya yang lain. Muncul lagi dengan tutorial blog yang ringan, tapi mungkin bermanfaat, kita coba memodifikasi followers blogger.

Biasanya followers dipasang langsung pada widget yang sudah tersedia di blogger, tapi kali ini kita akan memasangnya di widget HTML/Javascript. Abaikan tutorial ini jika sobat menggunakan template minima atau template bawaan blogger.

Jika sobat menggunakan custom template, maka untuk mengedit link, warna text dan border akan mengalami kesulitan. Untuk itu kita coba menambahkan border dan mengedit sedikit warna pada followers, link color, text color, background color dan border color. untuk memulainya, silahkan sobat login ke blogger.

Masuk ke Rancangan
Klik Elemen Laman
Pilih Tambah Gadget
Klik yang HTML/JavaScript
Kemudian masukkan kode followers dibawah ini :

<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript"></script>


<div id="div-eknxr14kfzlq" style="width:280px;border:1px solid #cccccc;"></div>

<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = '#dedede';
skin['ENDCAP_BG_COLOR'] = '#f0f0f0';
skin['ENDCAP_TEXT_COLOR'] = '#444';
skin['ENDCAP_LINK_COLOR'] = '#444';
skin['ALTERNATE_BG_COLOR'] = '#fff';
skin['CONTENT_BG_COLOR'] = '#f9f9f9';
skin['CONTENT_LINK_COLOR'] = '#444';
skin['CONTENT_TEXT_COLOR'] = '#444';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#444';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#444';
skin['CONTENT_HEADLINE_COLOR'] = '#444';
skin['NUMBER_ROWS'] = '3';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
{ id: 'div-eknxr14kfzlq',
site: '06215030860304111239' },
skin);
</script>
Ganti kode yang berwarna merah dan ungu dengan kode id blog sobat
Simpan.

Keterangan :

untuk kode yang saya tebalkan bisa sobat ganti sesuai dengan warna dan lebar widget blog sobat.
Kode yang berwarna biru sesuaikan dengan lebar widget template sobat.
Untuk mencari kode yang berwarna merah dan ungu, jika sebelumnya sobat sudah memasang widget followers, maka sobat bisa klik kanan pada halaman blog kemudian klik �view page source� lalu klik CTRL+F dan ketik saja followers. Dari situ sobat dapat melihat kode id dan site dari blog sobat.

Free Ping Service

Sekarang saya akan berbagi tentang ping service, yang saya artikan seperti sebuah mesin otomatis yang ketika kita klik maka mesin tersebut akan mengindeks artikel-artikel dari blog kita ke beberapa mesin pencari, seperti google, yahoo, dan berbagai situs-situs social bookmark lainnya. Jadi ping service adalah sebuah alat otomatis berbentuk web yang berfungsi menyebarkan artikel blog ke berbagai situs populer di seluruh dunia yang selalu dikunjungi orang.

Sebelum menggunakan ping service, saya sarankan sebaiknya lakukan ping setelah menulis postingan terbaru sehingga mesin pencari tahu bahwa sobat punya konten terbaru dan jangan terlalu sering menggunakan jasa ping service karena bisa saja dianggap spam yang mungkin bisa merugikan blog sobat. Seperti pengalaman blog ini yang pernah terkena google sandbox sehingga membuat blog ini menghilang dari mesin pencari.

Dibawah ini ada beberapa situs ping service yang selalu saya gunakan untuk mengupdate artikel-artikel blog saya, semoga bermanfaat.

My Page Rank
Submit Gratis memungkinkan sobat mengirimkan URL blog sobat ke 20 search engine populer.
Pingler.com

Gunakan Pingler.com untuk Drive Traffic Blog dan Website sobat. Gunakan Pingler.com untuk Ping Blog.
Ping-o-Matic!

Ping-O-Matic adalah sebuah layanan untuk memperbarui mesin pencari yang berbeda untuk mengetahui bahwa blog Anda telah diperbarui.
Autopinger

Ping blog otomatis.
Feed Ping

Layanan Submission Blog Multiple - Website FEED PING dan Pelayanan Feed Blog Multiple.
PING.IN

Blog dan ping, Blog Search, Speed Test.
King Ping

Update ping untuk mendapatkan hasil terbaik dari semua search engine.
Pingoat

Ping lebih dari lima puluh layanan blog secara instan. Pingoat juga memiliki server XML-RPC. Ping layanan seperti Technorati, NewsGator, feedster.
Totalping

Ping blog otomatis ke lebih dari 20 layanan blog.
Ping4free

Harus mendaftar dahulu sebelum melakukan ping.

Silahkan pilih yang menurut sobat bagus dan semoga bermanfaat dan bisa menaikkan traffic blog sobat.

Backlink Gratis di Google Profiles

Saya tidak akan panjang lebar seperti biasanya, karena memang belakangan ini saya sedang malas menulis. Bicara masalah backlink, semua pasti tau manfaatnya, apalagi yang gratisan. Satu saja backlink akan sangat membantu dalam urusan perkembangan blog kita. Ada satu layanan google yang dapat sobat gunakan untuk mencari backlink gratis, namanya Google Profiles.

Disini sobat hanya login dengan account google sobat, kemudian sobat hanya perlu mengisi beberapa informasi yang mereka tanyakan, seperti tentang diri sobat, termasuk url blog sobat. Dan tambahkan gambar profile sobat, jreng dapat 1 backlink, lumayan ! Selama sobat menambahkan informasi diri, profil sobat akan ditampilkan dalam hasil pencarian Google, dan harus dihitung sebagai backlink normal karena Google tidak menggunakan atribut nofollow pada link website.

Layanan ini juga berguna karena memberikan kesempatan untuk menambahkan url lebih dari satu dan mungkin dapat membuat nama sobat pada halaman pertama hasil pencarian google. Jadi apa yang sobat tunggu, buruan isi !

Coba Typography di FontTester.com

Optimasi typography blog sangat penting, untuk mempermudah pengunjung dalam membaca konten sebuah blog. Jika sobat masih ragu untuk mencobanya langsung di template, sobat bisa menggunakan fasilitas dari Font Tester. Secara garis besar semua ada, mulai dari jenis huruf, besar huruf, spasi huruf atau ketebalan huruf. selain itu masih ada beberapa fasilitas lain yang bisa sobat dapat.

Untuk mencobanya, silahkan masuk ke FontTester.com, saran saya untuk font-family gunakan saja yang web safe fonts karena web safe fonts adalah font standard bawaan windows.

Silahkan dicoba dan semoga dengan adanya font tester ini, blog sobat bisa jadi lebih menarik dari sisi huruf tentunya.

Keyboard Shortcuts Untuk Posting Di Blogger

Keyboard shortcuts membuat pekerjaan dalam urusan posting di blogger menjadi lebih mudah. Yang paling populer mungkin dalam urusan text dalam postingan, seperti membuat tulisan bold dengan CTRL+B atau untuk tulisan italic dengan CTRL+I. Sama dengan yang biasa kita gunakan pada saat menulis di office word. Dibawah ini ada beberapa list keyboard shortcuts, semoga bermanfaat.

Keyboard shortcuts ini telah di uji pada browser Internet Explorer 6+ dan tidak semua bisa berfungsi pada browser Firefox, Chrome dan Opera.

Shotcut

Fungsi

Semua Browser ?

CTRL+B
CTRL+I
CTRL+U
CTRL+L
CTRL+Z
CTRL+Y
CTRL+SHIFT+A
CTRL+SHIFT+P
CTRL+D
CTRL+P
CTRL+S
CTRL+G

Bold Text
Italic Text
Underline text
Blockquote (hanya pada saat EDIT HTML)
Undo last operation
Redo last operation

Insert Hyperlink

Preview Post

Save as Draft

Publish Post

Autosave

Indic Transliteration

Ya
Ya
Ya
Tidak
Ya
Ya
Tidak
Tidak
Tidak
Ya
Ya
Tidak

Selamat menggunakan dan semoga dapat mempermudah sobat dalam membuat setiap artikel.

Membuat Setiap Artikel Menjadi Populer

Ini sangat penting untuk sobat baca. Jika sobat menulis di blog, pastinya ingin memberikan tulisan yang terbaik dan bernilai fungsi untuk pembaca. Bernilai fungsi, maksudnya pembaca merasakan manfaat setelah membaca artikel sobat, seperti blog tutorial, blog tentang kesehatan, bisnis online atau fenomena alam. Jangan sekali-kali menulis artikel tentang kehidupan sobat sehari-hari yang tidak penting, Karena itu akan membuat pengunjung lari dan pasti tidak akan kembali.

Jika sobat rajin share artikel ke digg atau delicious, dan pada saat itu artikel yang sobat masukkan kesana adalah artikel yang sangat menarik dan bernilai tentunya. Sobat akan merasakan manfaatnya dengan jumlah traffic di blog sobat. Sobat harus ketahui, untuk membuat postingan kita menjadi di halaman depan digg, akan sangat sulit sekali dan mengharapkan sedikit keberuntungan. Sering kali kita submit artikel-artikel kita di digg namun artikel itu tidak kemana-mana alias tidak dibaca sama sekali oleh pengunjung, tentu akan menjadi sia-sia.

Berikut ada sedikit tips ala kadarnya untuk membuat artikel kita menjadi populer :

Judul, buatlah judul yang menarik atau lain daripada yang lain. Buat mereka penasaran dengan judul artikelnya, tentu saja bukan hanya judul tapi isi juga menunjang. Jangan takut menjadi mencolok pada halaman digg atau social bookmark yang lain, dan jangan takut untuk merevisi judul beberapa kali. Karena judul adalah penarik utama sebuah konten blog.
Konten, berikan konten atau isi yang menarik. Jangan sekali-kali memberikan informasi yang berbeda dengan judulnya. Karena itu akan membuat pembaca merasa ditipu dan marah. Hasilnya, siap-siap ditinggalkan pengunjung.
Berguna, ya manfaat yang dicari setiap pembaca. Rata-rata artikel yang disukai pengunjung adalah artikel yang bernilai guna untuk mereka. Atau bisa juga artikel yang menawarkan mereka untuk menggunakan sumber daya mereka, seperti website lowongan kerja, panduan bisnis online, dll.
Topik panas, tulislah topik terpanas minggu ini. Biasanya orang awam suka berita hangat, misalnya berita video artis yang belakangan lagi heboh di tv. Atau berita dari google, microsoft, youtube, mac, dan teknologi komputer lainnya. Pasti sangat menarik untuk dibaca dan tentunya orisinil.
Paragraf pembuka, buatlah paragraf pembuka dengan tulisan pemancing atau yang membuat pembaca penasaran. Buat pembuka dengan tulisan besar atau miring, dan jangan sekali-kali membuat paragraf pertama yang tidak mengandung isi sama sekali atau nyeleneh dan tidak nyambung dengan isi utama.
Pasang read more, ini juga penting menurut saya. Read more atau baca selanjutnya atau baca selengkapnya yang fungsinya memotong artikel agar menjadi pendek sangat berguna untuk memancing pembaca. Tentunya dipadukan dengan point 5 diatas.
Buatlah daftar, seperti daftar artikel terakhir (recent posts), atau daftar 10 artikel populer di blog sobat. Dengan daftar-daftar tersebut jelas akan sangat membantu meningkatkan page views blog kita. Karena pengunjung yang sudah tertarik dengan sebuah isi artikel sobat, maka mereka akan mencari artikel lainnya di blog sobat, dengan daftar 10 atau 20 artikel populer, mereka tidak perlu repot mencarinya.
Gambar, yup ini sangat penting juga. Gambar merupakan bagian penting dari sebuah artikel. Tambahkan gambar yang menarik, jika perlu buat shadow di setiap gambar pada artikel. Letakkan pada bagian awal atau atas sebelum postingan dimulai. Jangan sekali-kali menambahkan gambar yang aneh itu akan membuat nilai minus pada artikel.
Original, jangan sekali-kali copy paste. Buruk, itu akan membuat kredibilitas blog sobat turun di mata pengunjung dan google tentunya. Dan citra sobat sebagai empunya blog juga akan turun. Jadilah diri sendiri, jangan biarkan mati kreatifitas sobat. Lakukan sesuatu yang baru dengan tulisan-tulisan sobat dan tak lupa singgung artikel lama dengan memberikan link. Beri sedikit sentuhan humor pada setiap artikel.

Semoga bermanfaat !

Mengatasi Eror Judul/Title Pada Widget HTML/Javascript

Belakangan ini ada beberapa sobat blogger yang mengeluh pada saat menambahkan widget HTML/Javascript pada blog. Dikarenakan judul pada widget tersebut harus di isi, karena jika dibiarkan kosong maka akan terjadi error dengan keterangan seperti pada gambar dibawah.

Ada cara mudah mengatasinya, tetap tambahkan kodenya seperti biasa, klik pada Tambah Gadget -�> pilih HTML/Javascript -�> tambahkan kodenya kedalam kotak kosong yang tersedia, kemudian beri pada judul dengan kode <h2></h2>

Oke, semoga tips singkat ini bisa bermanfaat. Thumbs-up

A Name Atribut

Rasanya belakangan ini saya agak malas menulis di blog ini, sedikit jenuh dan ditambah dengan adanya world cup 2010 sedikit menyita waktu saya. Kali ini saya akan memberikan tips lama tapi baru, lama buat blogger senior dan baru buat newbie. Yaitu penggunaan atribut a name pada tulisan/postingan di blog. A name sendiri berfungsi untuk menyorot link secara otomatis jika di klik akan menuju pada link yang dimaksud dan tentunya pada halaman postingan yang sama.

Link tersebut langsung mengarah pada link lain pada satu halaman posting, sehingga bisa memudahkan penulis membawa pengunjung pada tulisan yang dimaksud. Kodenya sangat mudah, hanya dengan menambahkan <a href=�#link yang di maksud�>Link</a> dan <a name=�link yang maksud�>Hasilnya</a>

Contohnya seperti ini :

<p> <a href="#Blogger 8">Klik disini</a> </p>

<h2>Blogger 1</h2>
<p>Judul Tulisan bla bla bla bla bla</p>

<h2>Blogger 2</h2>
<p>Judul Tulisan bla bla bla bla bla</p>

<h2>Blogger 3</h2>

<p>Judul Tulisan bla bla bla bla bla</p>

<h2>Blogger 4</h2>

<p>Judul Tulisan bla bla bla bla bla</p>

<h2>Blogger 5</h2>
<p>Judul Tulisan bla bla bla bla bla</p>

<h2>Blogger 6</h2>
<p>Judul Tulisan bla bla bla bla bla</p>

<h2>Blogger7</h2>
<p>Judul Tulisan bla bla bla bla bla</p>

<h2><a name="Blogger 8">Hasilnya</a></h2>
<p>Hasilnya bisa dilihat disini</p>

<h2>Blogger 9</h2>
<p>Judul Tulisan bla bla bla bla bla</p>

<h2>Blogger 10</h2>

<p>Judul Tulisan bla bla bla bla bla</p>