Cara Membuat SlideShow Posting Blog

Tweet

Untuk melihat hasilnya, coba lihat gambar diatas (klik untuk memperbesar) :

Dan jika lo tertarik bro untuk membuatnya, silahkan ikuti panduan di bawah ini ya bro :

1.  >> Masuk ke Dashboard Blog Lo bro 

     >> Pilih Rancangan 

      >> Edit Tata Letak 

      >> Add Gadget  

     >> Pilih HTML/Javascripts  

     >> Pastekan Kode yang Lo copy tadi bro >> Simpan Deh Setelah di Edit sedikit bro . . .

         

2. silahkan copy paste kode dibawah ini bro lalu ikuti langkah 1.

<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://www.raxterbloom.blogspot.com/";

limitspy=4 
intervalspy=4000

</script> 

<div id="spylist"> 
    <script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js'    type='text/javascript'></script>
</div>    

Note :
. Ganti Url berwarna BIRU dengan Url lo bro . Semoga berhasil ya bro !!

Judul: Cara Membuat SlideShow Posting Blog
Rating: 100% based on 999998 ratings. 57 user reviews.
Ditulis Oleh Maha Putra Rusydinal

Lo Sedang Membaca Artikel Bro Tentang Cara Membuat SlideShow Posting Blog
Jika Lo Suka Artikel RaxterBlog bro, Silahkan Masukkan E-mail lo dibawah ini bro untuk Berlangganan Gratis Via E-mail, Dengan begitu lo akan mendapat kiriman artikel baru dari RaxterBlog bro.
Terima Kasih bro Telah Berkunjung
Salam Blogging ya bro ! ! !