Cara Membuat Slide Show Posting di Blog Versi 2

Kali ini Abul el-Bugisy akan memposting Cara membuat Slide Show Postingan yang ansyari kemas secara tajam dan mendalam (heheheh....... Acem berita aja, maaf Gan).
Widget ini berguna juga melihat tampilan yang kamu posting secara menurun seperti hujan yang jatuh kebawah.
Langsung saja  mulai langkah-langkahnya.

1. Pertama kamu Harus Login ke Blogger
2. Kalau sudah maka tampil Dashbor, dan klik Rancangan.
3. Klik tambah Tambah Gagdet Pilih dech

4. Copy Kode dibawah ini :

<style type="text/css">

#rp_plus_img{height:212px;overflow:hidden;border:solid 1px #000000;padding:6px 10px 14px 5px;background-color:#ffffff;}
#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:#900;}
#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:#000000;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>

5. Pastekan di HTML/JavaScript, Lihat Gambar Dibawah Ini :


6. Simpan dan Lihat Hasilnya.
7. Selamat Mencoba.