Tutorial Membuat Recent Post dengan Gambar

Hai sobat, kayaknya udh lama juga ya saya tidak posting artikel, mengkin karena ada kesibukan offline dikit, hehehhe, pada kesempatan yang berbahagia ini saya akan memposting Tutorial membuat recent post dengan gambar. Oh ya, Recent post itu fungsinya agar pengunjung bisa melihat artikel kita yang terbaru.
ga usah basa basi ya, langsung aje

1. Log in ke Blog Sobat

2. Klik tata Letak

 3. Klik add Gedget/Tambah Gdget

4.  Klik HTML/JavaScript  klik pada tanda  

 5. Copy Pastekan code dibawah ini pada kolom 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>
<script style="text/javascript" src="http://bloggerplugins.org/scripts/recentpostswiththumbs.js"></script>
<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>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script></right>

 6. Jangan Lupa simpan Setelan

 Nah Mungkin itu saja yang bisa saya sampaikan, semoga bermanfaat dan selamat mencoba

 NB : Boleh disebarluaskan asalkan mencantumkan Link sumber

 Tutorial membuat recent post dengan gambar