Widget Recent Post Keren dan Elegan di Blog

Recent Post tidak muncul di blog

Dalam postingan kali ini saya ingin berbagi script untuk membuat recent post yang keren dan elegan di blog anda dengan menggunakan fasilitas feed.
Mungkin script ini bisa membantu anda jika seandainya template blog anda tidak bisa memunculkan recent post seperti yang pernah saya alami, .

oke langsung saja

Pertama login di blog > tata letah >tambahkan widget HTML dan masukan 2 script dibawah ini :

<style type='text/css'>
img.recent_thumb {
width: 60px;
height: 60px;
float: left;
margin-right: 10px;
margin-top: 10px;
}
.recent_posts_with_thumbs {
float: left;
width: 100%;
min-height: 70px;
margin: 10px 0px 10px 0px;
}
ul.recent_posts_with_thumbs li {
min-height:100px;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
ul.recent_posts_with_thumbs i {
text-decoration:none;
font-size:11px;
}
.recent_posts_with_thumbs a {
text-decoration:none;
font-size:14px;
color :#000;

}
.recent_posts_with_thumbs strong {
font-size:15px;
}
</style>

<script style='text/javascript' src='https://googledrive.com/host/0BzPgmXeCwsMRcmlNOHhtaDNNMjA'></script><script style='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='/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
<hr/>

catatan : untuk var numpost = 5 itu adalah jumlah post yang akan di tampilkan dan jika ingin menampilkan tanpa thumbnail gambar, anda bisa menggati showpostthumbnails menjadi false.

Semoga bermanfaat :D