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

mempercantik blog

• Membuat Tabel Pada posting Blog
• Memasang Emoticon KaskuSer
• Membuat Widget Top Comment
• Membuat Menu Custom Dropdown
• Kode warna Untuk Blog
• Membuat Animasi yang berterbangan di blog
• Cara Menambahkan Sesuatu Di Sidebar
• Memasang Radio Streaming Di blog/ website
• Membuat Efek Link Pelangi
• Generator widget ( grunge heart )
• Cara membuat Teks/ Tulisan Berjalan

widget blogger

• Memasang Emoticon KaskuSer
• Membuat Widget Top Comment
• Html Encoder untuk menampilkan script pada posting
• Membuat Menu Custom Dropdown
• Memasang Google Translate di sidebar
• Membuat Animasi yang berterbangan di blog
• Mengenal Widget/ Gadget Blogger
• Cara membuat kotak Komentar terbaru" dengan fungsi scrollBox
• Cara Menambahkan Sesuatu Di Sidebar
• Memasang Radio Streaming Di blog/ website
• Membuat Tulisan ʞılɐqɹǝʇ
• Generator widget ( grunge heart )
• Memasang Profil Facebook Di blog
• Cara Membuat Menu 3 Tab View
• Membuat Buku tamu Tersembunyi
• Cara Memasang Jam di Sidebar Blog
• Cara Membuat Author Box / kotak penulis
• Cara membuat Buku Tamu Di Blog
• Cara Memasang Google Translate

tutorial blogger

• Membuat Tabel Pada posting Blog
• Memasang Emoticon KaskuSer
• Membuat Widget Top Comment
• Cara membuat Animasi Teks Membesar Part1
• Membuat Menu Custom Dropdown
• Kode warna Untuk Blog
• Memasang Google Translate di sidebar
• Membuat Animasi yang berterbangan di blog
• Mengenal Widget/ Gadget Blogger
• Cara membuat kotak Komentar terbaru" dengan fungsi scrollBox
• Memasang Radio Streaming Di blog/ website
• Membuat Efek Link Pelangi
• Cara membuat Teks/ Tulisan Berjalan
• Cara Membuat Menu 3 Tab View
• Membuat Buku tamu Tersembunyi
• Cara Memasang Jam di Sidebar Blog
• Cara Membuat Author Box / kotak penulis
• Cara Mengganti Nama Blog
• Cara Setting Pengaturan Blogger
• Cara membuat Buku Tamu Di Blog
• Mengenal Istilah-istilah dalam Blogger
• Cara Memasang Google Translate
• Situs Penyedia Template Blogger
• Cara mengganti Template Blogger