We have new forums at NiteshKothari.com
TopBottom

Recent Post dengan Slide Show pada Blog

Posted by madridista at Rabu, 10 Februari 2010
Share this post:
Ma.gnolia DiggIt! Del.icio.us Yahoo Furl Technorati Reddit

Artikel kali ini kita membahas tentang Recent post tapi denga sedikit di beri efek slide show, hal ini akan menjadikan blog kita lebih cantik dan lebih menarik.
Untuk membuat Widget ini sangat mudah katanya kerennya simple aja... :)

kita hanya memasukkan kode script / html kedalam gadget, dan letakkan dimana yg anda suka. copas kode di bawah :

<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://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 = 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://bloganda.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://popular-post-blogger.googlecode.com/files/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

Ket :
jangan lupa gabti "http://bloganda.com/" dgn alamat/url blog anda.
ukuran lebar dan tinggi dapat dirubah/disesuaikan.

9 komentar:

ireng_ajah mengatakan...

Widget yang menarik. Bisa untuk mempercantik tampilan blog.

Makasih sharingnya mas..

madridista mengatakan...

@ireng_ajah : seep..., kalau ada masukan lebih seep lg... :)

aditoy mengatakan...

ngga bisa di pake dah?
blog saya tampilan ini nya malah kosong?

itu knapa kakak?

Arief wicaksana mengatakan...

nice info kunjungi blog saya ya
http://computerw0rld16.blogspot.com/

Poskan Komentar