Hay kli ini saya mau shere tentang tutorial blog,. tepatnya cara mumbuag gadget slide show postingan, gadget ini cukup menarik karena postingan kamu akan tersedia dan bisa di baca oleh peengunjung blog kamu,..
langsung aja.
1. kmu harus punya blog dulu yang belom klik disini
2. kamu copy scipt dibawah ini :
<script src="http://wanadry.googlecode.com/files/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://izzanqolbi.nab.su/baner/izzanpic.JPG";
imgr[1] = "http://izzanqolbi.nab.su/baner/izzanpic.JPG";
imgr[2] = "http://izzanqolbi.nab.su/baner/izzanpic.JPG";
imgr[3] = "http://izzanqolbi.nab.su/baner/izzanpic.JPG";
imgr[4] = "http://izzanqolbi.nab.su/baner/izzanpic.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://izzanqolbi.blogspot.com/";
limitspy=5
intervalspy=7000
</script>
<div id="spylist">
<script src='http://wanadry.googlecode.com/files/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>
3. kmu buka blogger => rancangan => tambah gadget => truz kmu pilih html/java script
4. kamu paste ke kolom seperti dbawah ini
6. simpan ...
7 slesai
sekian smoga bermanfaat...
Tunggu sebentar gan, ane coba pasang......!!!!!! :)
BalasHapus(^$^%*&^*&(*&&%^$^&........sedang mempraktikan..!!!!!!)
silahkan gan...
BalasHapusmakasih kunjungannya...
berkunjung lagi yah....
gan, kalau yg model slide nya ke samping kiri atau kanan gmn..?? yg ini ka slide nya ke bwh gan..
BalasHapusyah belom tau gan...
BalasHapuscobak cari ke blog lain aja mungkin nemu...
Info yg bagus dan sangat bermanfaat bagi saya gan, kunjungi balik ke blog saya www.ankurniawan.blogspot.com
BalasHapusya makasih gan langsung ke tkp,...
Hapus