Widget Recent Posts Blogger Berdasarkan Label Atau Kategori

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Widget Recent Posts Blogger Berdasarkan Label Atau Kategori. Pada tutorial cara menambahkan widget recent posts dengan fungsi previous dan next ada komentator yang bertanya tentang widget recent post berdasarkan label dan kategori. Sebagai tanggapan dari pertanyaan tersebut saya posting tutorial kali ini.Widget recent posts berdasarkan label atau kategori ini akan otomatis menampilkan postingan atau artikel terbaru sesuai dengan label atau kategori yang ditentukan. Contohnya anda bisa lihat langsung pada blog ini. Anda juga dapat mengatur untuk menampilkan thumbnail pada widget, keterangan, tanggal posting, jumlah komentar atau link read more.
Baiklah langsung ketutorial cara menambahkan widget recent posts blogger berdasarkan label atau kategori pada blog:
Langkah Pertama

• Login ke akun anda>> pada dasbor>> klik template >> edit HTML
• Cari kode berikut ]]></b:skin> dan letakkan kode CSS dibawah ini diatas kode tadi

/* LABEL CHOOSE
================================================ */
img.label_thumb{
float:left;
padding:5px;
border:1px
solid #F3F3F3;
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;
padding:0}
ul.label_with_thumbs li{
padding:8px 0;
min-height:65px;
margin-bottom:10px;
list-style:none;
}
.label_with_thumbs a{}
.label_with_thumbs strong{}

• Selanjutnya cari kode </head> kemudian letakkan script berikut diatasnya

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

• Save/ simpan template.

Langkah Kedua

• Masih pada dasbor>> klik>> Tata Letak>> tambah gadget
• Pilih HTML/JavaScript
• Letakkan kode berikut pada form yang muncul dan beri judul yang anda inginkan

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

Keterangan script diatas: Numposts adalah angka jumlah posting yang ingin ditampilkan.
Jika tidak ingin menampilkan thumbnail ganti true menjadi false
Jika ingin menampilkan tanggal, read more, dan summary semua yang bertuliskan false ganti menjadi true
Tulisan berwarna merah ganti dengan label postingan yang anda pilih.

• Simpan dan lihat hasilnya diblog anda!

Demikian tutorial cara menambahkan widget recent posts sesuai label atau kategori pada blog. Semoga bermanfaat.

Artikel trik bikin blog ini tentang Widget Recent Posts Blogger Berdasarkan Label Atau Kategori