tHomBloG: recent posts bergerak

recent posts bergerak

Recent posts yang dapat bergerak cukup menarik untuk tampil di sidebar blog kamu. Caranya sangat gampang. Kamu tinggal copy semua kode di bawah ini kemudian, paste di elemen html baru sidebar kamu.

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:250px;
}
#spylist ul{
width:200px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:200px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://lh6.ggpht.com/_u4rBCfM4eII/TQD-GCDZiCI/AAAAAAAAAvQ/yNvknDSEND0/bloggertricksandtoolz.com.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;
}
//dishare oleh http://indo-template-blogger.blogspot.com//
-->
</style>

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

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 100;

home_page = "http://indokristik.blogspot.com/";

limitspy=4
intervalspy=4000

</script>

Jangan lupa ganti
home_page = "http://indokristik.blogspot.com/";
dengan alamat blog kamu.

Kamu juga bisa mengatur lebar kotak, besarnya huruf, dsb pada bagian
boxwidth = 255; [angka untuk lebar kotak]
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70; [lebar gambar mini]
thumbheight = 70; [tinggi gambar mini]
fntsize = 12;

Jumlah posting yang akan kamu tampilkan kamu atur pada bagian
numposts = 100; [angka ini bisa kamu ganti sesuai keinginan mau menampilkan berapa posting, TAPI INGAT jangan melebihi jumlah seluruh postinganmu.]

HASILNYA AKAN SEPERTI DI BAWAH INI

tag tutorial | judul recent posts bergerak