Membuat recent post bergerak pada blog

Recent post memang kadang kita butuhkan untuk mempercantik blog, apalagi recent post yang mengandung efek bergerak. saya mencoba untuk berbagi membuat recent post bergerak pada blog.
Langkah- - langkahnya adalah sebagai berikut :

1. Login ke blogger
2. Masuk ke tata letak
3. Pilih tambah gadget/widget
4. Pilih html/java script
5. Copy paste kode di bawah ini :

 -----------------------------------------------------------------------------------------------------------------------

<div style="text-align: center;">
<a href="http://ins-think.blogspot.com/2012/04/membuat-recent-post-bergerak-pada-blog.html" target="_blank">DAPATKAN WIDGET INI</a></div>
<style type="text/css">
#rp_plus_img{height:497px;overflow:hidden;border:solid 1px #fff;padding:6px 10px 14px 5px;background-color:#fff;}
#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:70px;padding:5px;list-style:none;}
#rp_plus_img a{color:#66CC00;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;color:#000 ;margin-bottom:4px;font-size:11px;}
#rp_plus_img .news-text{display:block;font-size:13px;font-weight:normal !important;color:#000;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #fff;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://nuweblog.googlecode.com/files/Recent-by-Nuweb.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 = 200;
var numchars = 250;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

---------------------------------------------------------------------------------------------------------------------

Simpan dan lihat hasilnya.

Posted in: Blog