Cara Membuat Slide Show Postingan Blog

Pada postingan kali ini, ane akan menjelaskan bagaimana cara membuat slide Show untuk postingan, dimana hasilnya slide Show akan bergerak kebawah. untuk lebih jelasnya sobat bisa melihatnya pada blog ane ini, letaknya ada di sidebar kanan.

screenshoot slideshow pada postingan

Cara membuatnya sangatlah mudah sob,
1. Pertama masuk ke blog sobat
2. Kemudian menuju ke tata letak blog
3. Tambahkan Widget HTML dengan fungsi javascript
4. Copy kode dibawah ini dan pastekan di HTML Javascript tadi

<style type="text/css"> #rp_plus_img{height:386px;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:#FFFF00;} #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://dongengblogger.googlecode.com/files/slidekebawah.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 = 80; var numchars = 90; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script> </ul>

5. Klik SAVE/Simpan.

Dan lihatlah hasilnya, ,.,

Dongeng Blogger

Jadikan Diri Sendiri Sebagai Inspirasi !!!

Bagikan Artikel ini