Membuat Widget new post/ posting terbaru yang unik

Bismillah. salah satu widget yang harus dimiliki seorang blogger adalah, widget new post/ posting terbaru. karena dengan widget inilah para pengunjung/ blogwalker mengetahui posting baru di blog orang lain kita, sebenarnya blogger sudah menyediakan widget ini pada saat kita klik >>tambah gadget>>new post
tapi sayangnya, widget bawaan blogger tadi terlalu (maaf) monoton, jadi kurang menarik untuk di klik... hehehe, nah bagaimana membuat widget tersebut agar lebih menarik lagi,??

widget new post 

seperti yang udah ada di sidebar blog ini nich... lihat aja widget"posting terbaru" di pojok situ tuuh... posting terbarunya bisa jalan2 dari atas kebawah dilengkapi thumbnail/gambar mini dari posting shobat... hehehe
caranya gampang,

1. baca basmalah. masuk blogger seperti biasa
2. klik >> rancangan
3. klik >> tambah widget
4. pilih Html/javascript
5. copy seluruh kode di bawah ini. 

<center><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:200px;
}
#spylist ul{
width:350px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:300px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:50px;
overflow: hidden;
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:0px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6QtAvsbs4c04Nugiq7Mym-tQ-RNZWpL0FRFRslxa2-ZOwPYqxXS3VVAI_XNgTgUVipz0mg0BbTU-uxlplwvLHF4n6o6VESUCQzzrhz571U7nPh1ZQMlrw056ogHHrpvF6Rwgca16s8cG9/s128/globe%20new.gif";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6QtAvsbs4c04Nugiq7Mym-tQ-RNZWpL0FRFRslxa2-ZOwPYqxXS3VVAI_XNgTgUVipz0mg0BbTU-uxlplwvLHF4n6o6VESUCQzzrhz571U7nPh1ZQMlrw056ogHHrpvF6Rwgca16s8cG9/s128/globe%20new.gif";
imgr[2] = "http://img1.jurko.net/avatar_1672.gif";
imgr[3] = "http://img1.jurko.net/avatar_1672.gif";
imgr[4] = "http://img1.jurko.net/avatar_1672.gif";
showRandomImg = true;
boxwidth = 270;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 45;
thumbheight = 45;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://santri-one.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div></center>

keterangan: ubah nama blog yang berwarna merah dengan nama blog kamu
nah, setelah di copy paste semuanya, lalu simpan, dan jadi dech....

Jangan Lupa Baca yang ini Lho yach..: