Cara Membuat Recent Post Per Label

Cara Membuat Recent Post Per Label

Tidak seperti biasanya membuat recent post,kali ini recent post bisa ditampilkan per label jadi tidak semua recent post di tampilkan
Nah kita juga bisa membuat posts perlabel seperti yang ada di template bergaya magazine kedalam blog kita. Bagi yang sudah tidak sabaran lagi untuk menerapkan tutorial yang satu ini. Silahkan untuk mengikuti langkah-langkah Cara Membuat Recent Post Per Label berikut ini.

1.Log in ke blogger.
2.Klik rancangan » edit HTML » centang kotak Expand Temlpate Widget.
3.Cari kode ]]></b:skin> dan pastekan kode dibawah ini tepat di atasnya.

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

4.Kemudian cari kode </head> dan letakkan kode dibawah ini tepat di atas kode </head>.

<script src='http://my-kangdansen-project.googlecode.com/files/label.js' type='text/javascript'/>

5.Save template anda dan tinggalkan halaman edit HTML dan menujulah kehalaman rancangan.
6.Klik add gadget  » HTML/Java Script.
7.Masukkan kode di bawah ini tepat pada kolom yang sudah disediakan.

<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/-/NAMA LABEL?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

Keterangan :

• kode yang berwarna biru ganti dengan nama label anda.
• kode yang berwarna ungu adalah thumbnail nya ubah false jika tidak ingin menampilkan thumbnail.
• kode warna merah jumlah post yang ingin di tampilkan

8.Klik save.