Cara Membuat Recent Post di Blog dengan Mudah

Recent Post di blog adalah tampilan dari posting-posting terbaru yang baru kamu publikasikan di blog kamu. sehingga pengunjung blog kamu akan mengetahui apa saja posting terbaru dari blog kamu. Tentu hal ini cukup bisa membuat pengunjung akan terus stay di blog kamu jika ada Recent post kamu yang membuat mereka tertarik untuk membaca artikel selanjutnya.

Recent Post yang akan saya share saat ini adalah Recent Post dengan gaya animasi sehingga tampilan dari Recent Post kamu akan lebih menarik dan lebih bagus. Selain itu caranyapun cukup mudah sekali. Gak usah lama-lama langsung aja ke TKP. .

1. Masuk ke halaman Dasboard kamu
2. Masuk Ke Tata Letak
3. Tambahkan Gadget HTML Javascrift.
4. Copas kode berikut ke halaman Javascrift kamu

<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:#060401;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#060401;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://andyhiday.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script> </ul>
</center>

5. Silahkan ganti kode berwarna merah dengan nama blog kamu.
6. Simpan dan Lihat Hasilnya. .

Seoga bermanfaat sobat. . .
Jangan Lupa Untuk Komentarnya ya. .