klik iklan diatas = donasi untuk blog ini 1x klik saja

Kamis, 19 April 2012

Cara membuat slide show postingan di blogspot

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

5. ganti tulisan hijau dengan alamat blog kamu
6. simpan ...
7 slesai

sekian smoga bermanfaat...

Ditulis Oleh : Unknown Hari: 02.30 Kategori:

6 komentar:

  1. Tunggu sebentar gan, ane coba pasang......!!!!!! :)

    (^$^%*&^*&(*&&%^$^&........sedang mempraktikan..!!!!!!)

    BalasHapus
  2. silahkan gan...
    makasih kunjungannya...
    berkunjung lagi yah....

    BalasHapus
  3. gan, kalau yg model slide nya ke samping kiri atau kanan gmn..?? yg ini ka slide nya ke bwh gan..

    BalasHapus
  4. yah belom tau gan...
    cobak cari ke blog lain aja mungkin nemu...

    BalasHapus
  5. Info yg bagus dan sangat bermanfaat bagi saya gan, kunjungi balik ke blog saya www.ankurniawan.blogspot.com

    BalasHapus

Iklan

 

Like On Facebook

Statistik