Membuat Recent Post Berjalan

Hello sobat blogger yang berbahagia, sekitar beberapa waktu yang lalu eko pernah berbagi tentang cara membuat scroll pada recent post, namun sekarang  scroll pada recent post tidak lagi menarik dibandingkan dengan postingan pada kali ini, yaitu membuat recent post berjalan, yaps contohnya bisa sobat lihat disebelah kanan blog ini.

Yuks langsung saja kita buat.

1. Pertama login blog sobat, ingat lho blog sobat bukan blog orang lain, gkgkgkgk......

2. Pilih Tata letak, kemudian Tambah gadget, lalu pilih HTML/JavaScript.

3. Kemudian masukan kode berikut ke gadget yang akan sobat buat sebagai popular post.

<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:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
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: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 = 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://BLOGSOBAT.BLOGSPOT.COM/";


limitspy=4
intervalspy=4000


</script>


<div id="spylist">
<script src='http://eko-yulianto.googlecode.com/files/recentpostsbergerak.js' type='text/javascript'></script>
</div>

Note: Ganti tulisan yang berwarna merah dengan URL blog sobat.

4. Yang terakhir, simpan gadget. dan lihat hasilnya...

Ouke cukup sekian tips pada kesempatan kali ini semoga bermanfaat dan terimakasih. Oiya sob saya dapet scriptnya dari http://www.ideini.com. 

Sumber : http://www.rieztoshare.com/