Membuat Recent Post By Label dengan Mudah

Sahabat Ngonline06, berikut cara membuat widget recent post by label tanpa thumbnail ataupun dengan thumbnail. Biasanya sahabat akan dibuat pusing saat membuat widget ini karena diminta untuk mengatur html yang ada di template, kemudian merubah ini itu, baru kemudian memberikan kode pada add html pada layout.

DEMO

Maka, sekarang Ngonline06 akan berbagi cara mudah membuat recent post by label dengan cukup menggunakan kode html satu untuk semua. Kode ini adalah milik kucopas.blogspot.com. Berikut kode tersebut.

<style>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0; float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}
</style><script src="http://kucopas.googlecode.com/files/recent-post-by-label-thumbnail.js">
</script><script>
var numposts = 10;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;var numchars = 150;
</script><script src="http://ngonline06.blogspot.com/feeds/posts/default/-/Template?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs">
</script>

Keterangan:

1. Ganti kata yang berwarna merah dengan alamat blog sahabat.
2. Ganti kata yang berwarna biru dengan nama label yang dikehendaki.
3. var numposts : jumlah artikel yang hendak dimunculkan dimunculkan
4. showpostthumbnails : gambar thumbnail ('true' jika muncul, 'false' jika tidak dimunculkan)
5. showpostsummary : diskripsi artikel ('true' jika muncul, 'false' jika tidak dimunculkan)

Semoga bermanfaat dan berhasil ya sahabat Ngonline06 semua dalam membuat recent post by label dengan mudah. Jika ada hal yang belum dipahami, silahkan coret-coret di kolom komentar di bawah.