Cara Membuat Receant Post Thumbnail

Tips blog kali ini adalah cara membuat receant post thumbnail di blog. Widget ini berguna untuk menampilkan postingan terbaru kita dengan memiliki thumbnail dan keterangan posting nya, penempatan widget ini biasanya ditaruh di sidebar blog.

Bagaimana cara membuatnya ?  untuk membuat receant post thumbnail di blog ini sangat mudah, sobat tinggal copy kode di bawah ini, lalu paste di add gadget HTML blog :

<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>

Bagaimana mudah bukan sob ? semoga Cara Membuat Recent Post Thumbail ini bermanfaat.

Tweet