Membuat Recent Post Dengan Slide

Recent post sangatlah penting untuk memudahkan pengunjung mengetahui posting terbaru dari blog kita, terutama untuk pengunjung yang langsung pada halaman posting/single post, sehingga tanpa perlu kembali ke beranda/ home pengunjung dapat mengetahui posting terbaru dari blog kita. Script untuk membuat Recent post dengan thumbnail ini saya dapatkan dari blognya Abu Farhan..

Tertarik untuk membuatnya ?

ikuti cara-cara sebagai berikut  :

1. Masuk ke Dasbor Blogger kamu
2. Pilih Rancangan
3. Elemen halaman
4. Pilih HTML/Java Script, lalu masukan kode di bawah ini

<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"> <!-- #spylist { overflow:hidden; margin-top:5px; padding:0px 0px; height:350px; } #spylist ul{ width:100%px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:100%px; padding: 5px 5px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:70px; overflow: hidden; background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/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:15px; 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><br /> <script language='javascript'> imgr = new Array(); imgr[0] = "http://i777.photobucket.com/albums/yy55/terate/th_New.jpg"; imgr[1] = "http://i1037.photobucket.com/albums/a452/thing_wu/Thing/women/2q1bhc3.jpg"; imgr[2] = "http://i1044.photobucket.com/albums/b443/akropolis_album/antarktis/125model6-1.jpg"; imgr[3] = "http://i777.photobucket.com/albums/yy55/terate/th_New.jpg"; imgr[4] = "http://i777.photobucket.com/albums/yy55/terate/th_New.jpg"; showRandomImg = true; boxwidth = 255; cellspacing = 6; borderColor = "#232c35"; bgTD = "#000000"; thumbwidth = 70; thumbheight = 70; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 10; home_page = "http://vikytaufik.blogspot.com/"; limitspy=4 intervalspy=4000 </script><br /> <br /> <div id="spylist"><script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script><br /> </div>

   >!!! Ganti http://vikytaufik.blogspot.com dengan alamat blog kamu !!!<

   Save, lalu luhat hasilnya..
   Selamat mencoba....