Cara Membuat Recent Post Dengan Tumbnail

Untuk mempermudah pengunjung blog melihat tulisan terbaru pada suatu blog, Penambahan artikel terbaru (recent post) adalah sesuatu yang mutlak pada suatu blog. Dan untuk mempercantik tampilannya biasanya di ikuti dengan tumbnail gambar pada judul artikelnya. Dan berikut contohnya:

Membuat Recent Post dengan Thumbnail :

1. Login ke blogger.

2. Pilih Rancangan

3. Elemen Halaman

4. Add Gadget (HTML/JavaScript).

5. Copy kode dibawah ini dan paste pada gadget baru

<right><style> img.recent_thumb
{padding-right:5px;padding-left:padding-bottom:0px;0px;width:55px;height:40px;border:0;float:left;margin:0 0 5px 0px;}
.recent_posts_with_thumbs
{float: left;width: 100%;min-height: 50px;margin: 0px 0px 5px 0px;padding: 0;font-size:15px;font-color:black;font-family:calibri;}
ul.recent_posts_with_thumbs li
{padding-bottom:5px;padding-top:5px;padding-left:0px;padding-right:20px;min-height:50px;list-style:normal;}
.recent_posts_with_thumbs a
{text-decoration:none;}
.recent_posts_with_thumbs normal
{font-size:13px;}
</style> <script style="text/javascript" src="http://bloggerplugins.org/scripts/recentpostswiththumbs.js"></script>
<script style="text/javascript"> var numposts = 8; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = false; var numchars = 75; </script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script></right>

6. Simpan atau save

7. Kemudian lihat hasilnya.

Silahkan dimodifikasi  untuk merubah ukuran gambar/thumbnail, jenis dan warna huruf serta jumlah posting yang ingin ditampilkan pada widget.