Membuat Slide Show Postingan Blog

Agar tampilan blog Anda semakin menarik tidak ada salahnya menambahkan slide show. Cara memasangnya mudah saja.

Cara mudah membuat slide show postingan blog :

1. Login ke akun blog Anda

2. Pilih Tata Letak

3. Kemudian klik Tambahkan Gadget

4. Pilih HTML/JavaSript

5. Kemudian Copy Kode di bawah ini, kemudian pastekan di HTML/JavaScript tadi, kemudian klik simpan

<style type="text/css"> 

#rp_plus_img{height:385px;overflow:hidden;border:0;padding:6px 10px 14px 5px;background: transparant;} 

#rp_plus_img ul{list-style-type:none;margin:0;padding:0} 

#rp_plus_img li{border:solid 1px #585858; margin:0; padding:0; list-style:none;} 

#rp_plus_img li{height:85px;padding:5px;list-style:none;} 

#rp_plus_img a{color:#000;} 

#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:12px;} 

#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:65px;height:65px;} 

</style> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 

<script type="text/javascript" src="http://permathicblog.googlecode.com/files/Slideshow%20Postingan.js"></script> 

<script type="text/javascript"> 

var speed = 1500; 

var pause = 3500; 

$(document).ready(function(){ 

rpnewsticker(); 

interval = setInterval(rpnewsticker, pause); 

}); 

</script> 

<ul id="rp_plus_img"> 

<script style="text/javascript"> 

var numposts = 5; 

var numchars = 20; 

</script> 

<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script> 

</ul>