Membuat recent post dengan gambar

Recent post, atau bahasa indonesia nya “posting terkahir” merupakan salah satu fasilitas yang terdapat pada suatu blog untuk memudahkan pembaca blog tersebut mengetahui posting-posting lain yang terdapat pada blog tersebut, Recent Post ini biasanya di tampilkan berupa link menuju postingan yang di maksud.
Pada umumnya Recent Post pada blogspot hanya berupa link dan tidak di sertai dengan gambar, sehingga membuat Recent Post tersebut kurang menarik , kali ini kita akan mencoba merubah Recent Post standar menjadi lebih menarik dengan menyertakan gambar, caranya cukup mudah hanya perlu untuk mengikuti step saya:

1.Click design

2.Add a gadget -> HTML/Javascript 

3.Copas kode berikut ke HTML/Javascript

<right><style> img.recent_thumb {padding-right:5px;padding-left:padding-bottom:0px;0px;width:55px;height:55px;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:13px;font-color:black;} 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><br /> <script style="text/javascript" src="http://bloggerplugins.org/scripts/recentpostswiththumbs.js"></script><br /> <script style="text/javascript"> var numposts = 7; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = false; var numchars = 75; </script><br /> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script></right><br />

4.Save dan lihatlah