Cara Membuat Recent Post Slide

Pasti Sobat Bloger Pernah Membuat Postingan Terbaru (Recent Post), Dan pasti sobat juga pernah melihat bukan recent post yang dapat bergerak kebawah / Slide. Mungkin sobat Bertanya-tanya bagaimana cara membuat Recent Post Slide, kali ini saya akan bahas Caranya...

• Login ke akun blogger masing masing
• Dari dashboard ke Rancangan
• Klik Add Gadget/Tambah Gadget
• Pilih HTML/Javascript
• Masukkan kode berikut

<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:350px;}#spylist ul{width:285px;overflow:hidden;list-style-type: none;padding: 0px 0px;margin:0px 0px;}#spylist li {width:273px;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>

<script language='javascript'>

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";showRandomImg = true;

boxwidth = 290;

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 = 15;

home_page = "http://trikis-zone.blogspot.com/";

limitspy=4intervalspy=4000

</script>

<div id="spylist"><script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script></div>

• Ganti http://trikis-zone.blogspot.com/ dengan url blog sobat.
• INGAT.!!!. Sertakan tanda "/" (tanpa tanda kutip) setelah kata .com pada url blog sobat.
• Jika sudah silahkan klik Simpan.
• Lihat hasilnya.

Selamat mencoba...

Source: trikis-zone.blogspot.com