Cara Membuat Recent Posting dengan 1 Gambar/Thumnail

Sebelumnya GO-LINK│*Cafe Information™ pernah posting tentang Cara Membuat Kata-kata mengikuti kursor dan Cara Membuat menu Horisontal di blog

Langsung Saja Langkah-langkahnya

1 . Page Element , Add , Gadged , HTML/Javascript
2 . Copykan Kode Barikut ini :

<div style="border: 0px solid rgb(153, 153, 153); overflow: auto; width: 250px; height: 450px; text-align: left;">
<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;
float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script style="" src="http://blogergadgets.googlecode.com/files/recentpostswiththumbnailsv3.js"></script>
<script style="">
var numposts = 10;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;</script>

<script src="http://ebitz-id.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentpostswiththumbs"></script>

#ganti tulisan berwarna biru dengan URL anda