Tutorial Membuat Animated Recent Post

Kemaren ane pas blogwalking ga sengaja nemu fitur yang menarik gan.. iya yaitu animated recent pos alias daftar posting yang ditampilkan secara animasi, tertarik untuk pake juga di blog, ane searching dehh tuh kemana laman webnya, syukur dehh.. tak lama kemudian ketemu...

Nahh biar agan ga repot nyari tuhh... ane posting deh tutorialnya, berikut ini.. simak baik - baik yaa....
1.Log In ke blog agan, terus ke rancangan

2.Klik rancangan kemudian tambah widget HTML/Script
3.copykan script berikut ke dalamnya

<style type="text/css">
#rp_plus_img{height:377px;}
#rp_plus_img li {height:60px;padding:5px;list-style:none;
background-color:#ffffff;
border:solid 1px #000000;}
#rp_plus_img a{color:#00000;}
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
text-align:justify;
-moz-border-radius: 5px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;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="https://sites.google.com/site/unwanted86/javascript/recentpost.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 = 0;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul><small><a href="http://tutorialuntukblog.blogspot.com/2011/07/animated-recent-post-ver2.html" target="_blank">get this widget here</a></small>

jangan lupa di kasih nama sesuai keinginan :)
3.Save kemudian lihat hasilnya :)
Semoga bermanfaat gan...............