Cara membuat widget slide show ringan banget di blog

Bagikan :

Tweet

Ketemu lagi salam sehat buat blogger,kali ini  Bungas Selalu Berbagi ingin berbagi tentang Cara membuat widget slideshow ringan banget di blog atau berjalan. Karna script ini begitu mudah diterapkan tinggal copy dan paste dan ringan untuk blog sobat tanpa menghabiskan waktu Lansung saja ke tutorialnya : 

 

1. Pertama  Login/masuk ke blog.

2. Kedua pilih tata letak dan tambah gadget.

3. Lalu pilih HTML/java script.

4. Copy script dibawah in.

<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>

5. Kemudian pastekan script tersebut dan simpan.

6. Yang berwarna Kuning   adalah jumlah post yang ingin sobat tampilkan.

7. Simpan dan Selesai . Gampangkan hehehe.

Kalau belum JELAS silahkan sobat tinggalkan komentar sobat blogger, agar saya bisa membantu nantinya.

Selamat mencoba by +Bungas Zahid 

Tag : Dunia Blogger