Animated Recent Post Bergambar

  Example:

    Animated recent post bergambar ini akan menunjukkan post tebaru dari blog teman, berfungsi sama seperti widget Recent post bergambar. Widget ini akan berulang-ulang memaparkan preview post terbaru teman (beserta gambar post) seperti yang ditunjukkan di atas. tepatnya kaya punya aku coba teman bisa lihat ke bawah. caranya cekidot ikuti tutorial di baway yoo..

Pertama

Login akun blogger teman

Kedua

Dashboard > Add A Gadget > HTML / Javascript 

 

Ketiga

Copy paste kod dibawah ke ruangan HTML  teman tadi

<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/jombinabeloganimatedrecentpost/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://jombinabelog.blogspot.com/2011/12/blog-post.html" target="_blank">get this widget here</a></small>

Note : 5  -  jumlah post yang ingin dipaparkan dalam widget ini. 

Kelima
Klik save dan teman lihat hasilnya .. syalalalaa