Widget Label

Warn : Tutorial disini menggunakan New Interface for Blogger dengan Bahasa Indonesia

Didalam Template ini terdapat Widget bernama Label. Mungkin jika dilihat disini ada. Namun jikalau nanti anda kehilangan Widget ini anda bisa melakukan cara-cara ini di blog anda. Dalam Tutorial ini anda harus memasuki 2 dunia berbeda dalam pengaturan Blogger. Yaitu Edit HTML dan Tata Letak.

Langkah A

Cara membuat Widget Recent Label :

• Silahkan Anda Login ke Akun Blogger Anda.
• Pilih Template dan Klik Edit Template]]></b:skin>.
• Lakukan Pencarian terhadap kode berikut. (permudah dengan F3)

]]></b:skin>

• Copy dan Paste kode dibawah ini diatas kode  ]]></b:skin>

img.label_thumb{float:left; padding:5px; border:1px solid #8f8f8f; background:#D2D0D0; margin-right:10px; height:55px; width:55px}

img.label_thumb:hover{background:#f7f6f6}

.label_with_thumbs{float:left; width:100%; min-height:70px; margin:0px 10px 2px 0px; adding:0}

ul.label_with_thumbs li{padding:8px 0; min-height:65px; margin-bottom:10px}

.label_with_thumbs a{}

.label_with_thumbs strong{}

• Lakukan Pencarian kedua untuk Kode berikut.

</head>

• Jika sudah ketemu lakukan Copy Paste Kode berikut dibawah kode </head>.

<script src='http://adablogku.googlecode.com/files/lebelgambar.js' type='text/javascript'/>

• Klik save.

Langkah B

Memasuki Langkah Ke dua di dunia Tata Letak.

• Klik Add New Gadget.
• Pilih Gadget HTML/JavaScript.
• Masukan Kode Berikut kedalam Konten.

<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>

<script type="text/javascript" src="/feeds/posts/default/-/NAMALABEL?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

• Pahami  perintah pada kode yang berwarna warni terutama pada kode hijau, Ganti kode hijau dengan nama label anda. (Ingat Huruf besar dan kecil harus sama)
• Klik Save dan lihat Hasilnya.

Attention : Bagi Anda yang menginstal Template ini Anda Tinggal Melakukan Langkah B