Membuat Recent Post dengan Jquery

• Seperti Bisa Log in dulu ke Account Blog Anda
• Masuk ke menu Rancangan lalu pilih elemen laman
• Klik "tambah gadget"
• Pilih HTML/Javascript
• Paste kode berikut ke dalamnya

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:435px;
width:300px;}
#spylist ul{
width:390px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;}
#spylist li {
width:230px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background: #212121 repeat-x;
border:1px solid #ddd;
pixed #666666;-moz-border-radius:3.5px;border-radius:3.5px;}
#spylist li a {
text-decoration:none;
color:#15F937;
font:verdana;
font-size:11px;
height:12px;
overflow:hidden;
margin:1px 0px;
padding:0px 2px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#000000;
border:0;
border:3px pixed #333333;-moz-border-radius:3px;border-radius:3px;}
.spydate{
overflow:hidden;
font-size:5px;
color:#15F937;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:10px;
font-family:Tahoma,Arial,verdana, sans-serif;}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:8px;
color:#15F937;
padding:0px 0px;
margin:0px 0px;}
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "http://www.videokl.com/thumbs/no_image.gif";
imgr[1] = "http://www.videokl.com/thumbs/no_image.gif";
imgr[2] = "http://www.videokl.com/thumbs/no_image.gif";
imgr[3] = "http://www.videokl.com/thumbs/no_image.gif";
imgr[4] = "http://www.videokl.com/thumbs/no_image.gif";
showRandomImg = true;
boxwidth = 260;
cellspacing = 6;
borderColor = "#666";
bgTD = "#000000";
thumbwidth = 60;
thumbheight = 80;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 10;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 50;
home_page = "http://triknyablog.blogspot.com/";
limitspy=5
intervalspy=3600
</script>
<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

• boxwidth - Lebar widget
• cellspacing - Space antara cells (default adalah 1 sudah bagus)
• borderColor - Warna Border (Warna template widget bisa anda ganti.Defauld adalah putih)
• thumbwidth & thumbheight - Lebar dan panjang thumbnail (default adalah 40 sudah bagus)
• fntsize - Ukuran huruf judul postingan
• acolor - Warna huruf judul postingan
• aBold - Bila ingin ditebalkan adalah true, jika tidak false saja.
• numposts - Berapa banyak recent post yang akan ditampilkan
• home_page : http://triknyablog.blogspot.com/(Ganti dengan URL blog anda)

Semoga Berhasil