Membuat Slideshow Posting di Blog

Assalamu'alaikum wr.wb !!!
Sahabat blogger semuanya apa kabarnya hari ini? semoga baik-baik saja.
Hari ini saya akan post tutorial blog tentang cara membuat slideshow postingan di blog.
Langsung saja kawan simak langkah-langkahnya dengan seksama

1. Tentu saja hal pertama yang harus dilakukan yaitu log in ke blog Anda
2. Pilih Rancangan/Tata letak
3. Klik klik Tambah Gadget
4. Kemudian pilih HTML/Java Script
5. Lalu copy dan pastekan kode dibawah ini ke HTML/Java Script tadi dan klik Save/Simpan
   Copas Kode Scrip ini,
   <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>

Anda bisa lihat hasilnya yang terdapat di blog saya di kanan atas. Selamat mencoba :)

Title: Membuat Slideshow Posting di Blog; Written by Taofik AB; Rating: 5 dari 5