Cara Buat Recent Post Yang Keren

oke gan kali ini saya akan kasih tau gimana cara buat recent post yg menarik . recent post yang saya akan jelaskan adalah seperti yang ada diblog saya pada sebelah kanan bisa anda lihat. keren bukan ? seperti animasi. oke langsung saja berikut caranya :

Pertama, Login ke akun blogger.com sobat.

Kedua, Pilih rancangan atau design.

Ketiga, Pilih add gadget pada bagian page elements dan lalu pilih html javascript.

Keempat, isikan judul terserah sobat dan copas kode recent post di bawah ini ke kotak tersebut dan ganti tulisan merah dengan alamat blog sobat.

<center><style type="text/css">
#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#F68629;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;}
#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 #F68629;width:95px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 20;
var numchars = 0;
</script> <script src="http://x-kj1.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script> </ul>
</center>

Lalu save dan lihat hasilnya...

Semoga artikel ini bermanfaat ya buat kalian yang membacanya :D