Membuat Artikel Terbaru Menurut Label dengan Thumbnail Gambar

Membuat Artikel Terbaru / Post Sidebar Menurut Label dengan Thumbnail Gambar. Widget menampilkan kandungan artikel lain pada sidebar blog cukuplah penting, dengan demikian pengunjung blog bisa membaca artikel lainya pada blog kita. maka dari itu pasanglah artikel menarik pada sidebar anda.

Widget kandungan artikel pada sidebar ada banyak, ada yang berupa artikel terbaru, random, artikep populer, dan kali ini saya bagikan widget untuk Artikel Terbaru Menurut Label dengan Thumbnail Gambar.

Baiklah seperti biasa tanpa banyak basa-basi langsung saja ke TKP! berikut tutorialya:

1. Login ke Akun Blogger sobat masing-masing.

2. Masuk pada bagian Tata Letak.

3. Klik tambah gadget.

4. Pilih mode HTML/Javascript.




5. Masukan kode berikut:

 <style>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0; float:left;margin:0 0 5px 10px;}
.recent_posts_with_thumbs {float: right;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {text-align: justify;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="https://googledrive.com/host/0B_AQLlXFW-DAZjRobGE2Vkg2YXc"> </script>
<script>var numposts = 8;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://BLOG-SOBAT.blogspot.com/feeds/posts/default/-/Label?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>

var numposts = 8; jumlah pos yang tampil
blog-sobat; ganti dengan domain blog anda
Label; ganti dengan label yang anda tampilkan

6. Kemudian Ok/Simpan

Singkat saja, Goodluck! semoga bermanfaat!