Slideshow Widget Postingan Baru

Nah berikut saya akan bagi ulang cara membuat slide postingan terbaru yang akan nampak bergeser secara otomatis..

Mungkin tulisan ini sudah beberapa kali ditulis oleh para bloger, namun tidak ada salahnya bagi dibagikan ulang, biar saya juga tidak lupa mengenai cara pembuatannya..

Yang diperlukan adalah dengan menambah widget HTML/ JAVA SCRIPT dari pengaturan setelah blog anda, nanti pada kolom widget tersebut, silahkan salin tulisan 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="https://sites.google.com/site/tiga2tiga/home/alatbantu/SlideshowPost.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 = 7;
var numchars = 0;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

tulisan ini diadaptasi dari blog :

permathic

dhanynurdiansyah