Membuat Slideshow Postingan di Samping Blog

Di postingan ini saya akan menjelaskan cara membuat slideshow yang bisa dipakai sobat pada samping blog sobat, membuat tampilang blog sobat lebih menarik. Akhirnya saya mendapat script kode slideshow yang simple. Nah,, biar ada tidak penasaran , berikut langkah2nya :

1. Login Ke Blog Anda
2. Pilih Rancangan (untuk tampilan blogger klasik) atau Pilih Tata Letak (untuk tampilan blogger terbaru)
3. Kemudian Klik Tambah Gadget
4. Pilih HTML/javascript
5. Kemudian Copy Kode di bawah ini, kemudian pastekan di HTML/javascript tadi. kemudian simpan/save.

<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>
Bagi anda yang ingin melihat contoh slideshownya, bisa anda lihat di Blog ini http://permathic.blogspot.com/ nah itulah Cara Membuat Slideshow Pada Samping Blog yang dapat BlackBlogshare pada kali ini semoga dapat bermanfaat untuk kita semua. untuk saran dan kritiknya silahkan poskan pada kotak komentar dibawah ini.
Silahkan mencoba, TerimaKasih ;)

by : http://permathic.blogspot.com/2012/12/cara-membuat-slideshow-postingan-di-blog.html