Cara Membuat Slideshow Postingan Di Blog

Cara ini mungkin sobat-sobatku semua sudah tahu namun alangkah baiknya kalau saya meng exposenya kembali mungkin ada yang belum tahu.. slideshow ini lebih simple. dengan tampilan yang tidak jauh berbeda dengan yang lain. Nah,, biar ada tidak penasaran , berikut langkah2nya.

1. seperti biasa login dulu ke akun blog sobat

2. pilih tata letak - add gadget - Html/Javascript

3. Kemudian Copy kode dibawah ini dan pastekan di kolom javascript

<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://deopunya.googlecode.com/svn/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 = 10;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>

</ul>

4. Jika sudah silahkan simpan template sobat dan lihat hasilnya..

Semoga artikel Cara membuat slideshow postingan di blog bermanfaat buat sobat semua.terima kasih dan selamat mencoba.