Kita bertemu lagi sahabat blogger !!
setelah lama tidak memposting artikel karena masih sibuk PSG, untuk kali ini langsung saya berbagi artikel dengan sobat blogger tentang Cara Membuat Widget Recent Posts Animasi

Jadi ketika ketika memasang widget ini, nanti artikel-artikel terbaru yang sahabat bloger posting, akan otomatis terdeteksi oleh widget ini dengan tampilan animasi. Bagi yang masih belum bisa mbayangin gimana widget ini, silakan lihat gambar disamping !! Gimana ?? bagus kan !! pasti dong !!

Bagi yang mau memasang widget ini kedalam blognya,  
Silakan ikuti langkah-langkah dibawah ini !!

1. Silakan sahabat blogger sign in Blogger.
2. Kemudian Masuk Design - Page Elements - Add Gadget - Html/Javascript
3. Copy Kode Berikut kedalam kolom konten

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><br /> <style type="text/css" media="screen"><br /> <!--<br /> <br /> <br /> #spylist {<br /> overflow:hidden;<br /> margin-top:5px;<br /> padding:0px 0px;<br /> height:350px;<br /> }<br /> #spylist ul{<br /> width:220px;<br /> overflow:hidden;<br /> list-style-type: none;<br /> padding: 0px 0px;<br /> margin:0px 0px;<br /> }<br /> #spylist li {<br /> width:208px;<br /> padding: 5px 5px;<br /> margin:0px 0px 5px 0px;<br /> list-style-type:none;<br /> float:none;<br /> height:70px;<br /> overflow: hidden;<br /> background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;<br /> border:1px solid #ddd;<br /> }<br /> <br /> <br /> #spylist li a {<br /> text-decoration:none;<br /> color:#4B545B;<br /> font-size:11px;<br /> height:18px;<br /> overflow:hidden;<br /> margin:0px 0px;<br /> padding:0px 0px 2px 0px;<br /> }<br /> #spylist li img {<br /> float:left;<br /> margin-right:5px;<br /> background:#EFEFEF;<br /> border:0;<br /> }<br /> .spydate{<br /> overflow:hidden;<br /> font-size:10px;<br /> color:#0284C2;<br /> padding:2px 0px;<br /> margin:1px 0px 0px 0px;<br /> height:15px;<br /> font-family:Tahoma,Arial,verdana, sans-serif;<br /> }<br /> <br /> <br /> .spycomment{<br /> overflow:hidden;<br /> font-family:Tahoma,Arial,verdana, sans-serif;<br /> font-size:10px;<br /> color:#262B2F;<br /> padding:0px 0px;<br /> margin:0px 0px;<br /> }<br /> <br /> <br /> --><br /> </style><br /> <br /> <br /> <script language='JavaScript'><br /> <br /> <br /> imgr = new Array();<br /> <br /> <br /> imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";<br /> <br /> <br /> imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";<br /> <br /> <br /> imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";<br /> <br /> <br /> imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";<br /> <br /> <br /> imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";<br /> showRandomImg = true;<br /> <br /> <br /> boxwidth = 255;<br /> <br /> <br /> cellspacing = 6;<br /> <br /> <br /> borderColor = "#232c35";<br /> <br /> <br /> bgTD = "#000000";<br /> <br /> <br /> thumbwidth = 70;<br /> <br /> <br /> thumbheight = 70;<br /> <br /> <br /> fntsize = 12;<br /> <br /> <br /> acolor = "#666";<br /> <br /> <br /> aBold = true;<br /> <br /> <br /> icon = " ";<br /> <br /> <br /> text = "comments";<br /> <br /> <br /> showPostDate = true;<br /> <br /> <br /> summaryPost = 40;<br /> <br /> <br /> summaryFontsize = 10;<br /> <br /> <br /> summaryColor = "#666";<br /> <br /> <br /> icon2 = " ";<br /> <br /> <br /> numposts = 10;<br /> <br /> <br /> home_page = "http://rivan-aprian.blogspot.com/";<br /> <br /> <br /> limitspy=4<br /> intervalspy=4000<br /> <br /> <br /> </script><br /> <br /> <br /> <div id="spylist"><br /> <script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script><br /> </div>  

:::Keterangan
Ganti Homepage dengan URL blog sobat.