Cara Membuat Recent Post di sinebar

Hallo bro, salam hangat terdasyat untuk keluarga indonesia yang membaca postingku ini, semoga makin kece habis baca ini :D ,share mengenai cara membuat recent post bergambar di sinebar agar visitor blog kita mudah mencari artikel yang baru saja kita update.Langsung saja ia caranya.

Pertama kalian masuk blog kalian lalu, klik layout,kemudian tambahlan gadjet kayak gambar dibawah:

 

Kemudian copy Script di bawah ini:

<style>
img.recent_thumb {padding-left:20px;padding-right:padding-bottom:0px;0px;width:60px;height:60px;border:0;float:right;margin:0 0 5px 0px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 55px;margin: 0px 0px 5px 0px;padding: 0;font-size:12px;font-color:green;}
.recent_posts_with_thumbs {padding-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;min-height:50px;list-style:normal;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs normal {font-size:12px;}
</style>
<script type="text/javascript" src="http://blogedek-javascript.googlecode.com/files/recentpoststhumb.js"></script>
<script type="text/javascript">
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;
</script>
<script src="http://www.jejakboni.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs" type="text/javascript"></script>

Setelah kalian copy script yang ada di kotak scrol di atas paste di sini yang tadi add gadjet Html:

 

Kemudian save,jadi deh recent post bergambar di blog.

Ket:

var numposts = 5  : Ini di ganti dengan minat kalian mau di tampilkan berpa post aktifitas.

http://www.jejakboni.blogspot.com <= untuk ini di ganti sama blog url kalian.

Semoga membantu dan memberi pencerah dan akhrnya selamat mencoba yang ke pengen buat recent post bergambar.