MEMBUAT WIDGET RECENT POST PER LABEL

Widget Recent Post Per Label ini memiliki fungsi menampilkan resume postingan-postingan blog yang kita miliki sekaligus thumbnail dari masing-masing postingan tersebut. Widget ini mampu membuat blog yang kita miliki tampil lebih sempurna dan profesional, layaknya sebuah situs-situs social bookmark yang terkenal, walaupun kita menampilkannya dengan cara yang lebih sederhana.

Tampilan widget ini adalah seperti berikut  : 

Dan, berikut ini cara membuatnya  :

1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Masukkan kode css berikut di atas kode ]]></b:skin>

img.label_thumb{float:left; padding:5px; border:1px solid #8f8f8f; background:#D2D0D0; margin-right:10px; height:55px; width:55px}<br /> img.label_thumb:hover{background:#f7f6f6}<br /> .label_with_thumbs{float:left; width:100%; min-height:70px; margin:0px 10px 2px 0px; adding:0}<br /> ul.label_with_thumbs li{padding:8px 0; min-height:65px; margin-bottom:10px}<br /> .label_with_thumbs a{}<br /> .label_with_thumbs strong{}

5. Lalu cari kode </head> dan letakkan kode di bawah ini tepat di atas:

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

6. Simpan Template jika sudah selesai.

Langkah-langkah di atas adalah untuk mengkostumisasi template. Jika sudah selesai kita ke langkah berikutnya untuk menambahkan recent post per label, yaitu:

7. Pilih Tata Letak lalu tambahkan Tambah Gadget > HTML/Javascript
8. Kemudian masukan kode berikut ini :

<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>

9. Kita dapat menkostumisasi tampilan dengan mengubah kode "false-true". Dan ganti teks NAMA LABEL dengan nama label yang akan ditampilkan. Varnumposts=3 adalah jumlah postingan yang akan ditampilkan, ganti sesuai dengan selera anda. Simpan jika sudah selesai.