Membuat Slideshow Postingan di Blogger

Kali ini saya akan sedikit memberikan tutorial bagaimana cara membuat slideshow postingan yang ada di blog anda. Karena beberapa hari sebelumnya ada beberapa teman saya yang bertanya tetang cara memasang slideshow di blog. Ok kalau gitu langsung aja.


Pertama klik rancangan template, kemudian klik Tata letak. Setelah itu klik tambah gadget. Lalu akan tampil beberapa pilihan, anda pilih html/javascript. Jika sudah terbuka langsung copas script dibawah ini :


<style type="text/css">

#rp_plus_img{height:212px;overflow:hidden;border:solid 1px #585858;padding:6px 10px 14px 5px;background-color:#2f2f2f;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#FFF;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#DEDEDE;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:55px;height:55px;}
</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://blogansyari.googlecode.com/files/Recent%20Post%20By%20Blog%20Ansyari.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 = 250;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

Lalu klik simpan, tentukan juga tata letak nya supaya sesuai dan indah dilihat. Setelah itu klik simpan lagi


Semoga artikel kali bisa bermanfaat.