Cara Memasang Recent Posts Dengan Thumbnail Di Blog

Cara Memasang Recent Posts Dengan Thumbnail Di Blog - Widget Posting terbaru atau Recent Posts merupakan widget penting di blog. Dengan adanya daftar posting terbaru, pengunjung yang masuk tidak dari halaman utama (homepage) dapat langsung mengetahui beberapa posting terbaru dari sebuah blog. Selain itu, widget recent posts dapat menjadi sebuah tawaran bagi pengunjung blog untuk mengetahui isi posting-posting lain dari blog tersebut.



Berikut Ini Cara Memasang Recent Posts Dengan Thumbnail Di Blog :

1. Login ke Blogger.
2. Selanjutnya pilih Tata Letak → Tambah Gadget → pilih HTML/Javascript.
3. Kemudian Copy dan pastekan kode dibawah ini ke HTML/Javascript :

<style type='text/css'>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0;
float:left;margin: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 style='text/javascript' src='http://www.webaholic.co.in/other/recent-posts-widget-with-images.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;</script>
<script src='http://kompormeledak.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

4. Simpan dan lihat hasilnya.
Note : Ganti angka 5 untuk jumlah artikel yang ditampilkan, kemudian ganti http://kompormeledak.blogspot.com dengan alamat blog sobat. Selamat mencoba dan semoga bermanfaat.