Cara Membuat Recent Post Dengan Efek Animasi

Cara Membuat Recent Post Dengan Efek Animasi Di Blog - Halo sobat blogger, kali ini Blog hendra mau share Cara Membuat Recent Post Dengan Efek Animasi Di Blog, recent post yang akan kita terapkan kali ini yaitu Recent Post memiliki efek animasi seperti terlihat pada gambar berikut.

Fungsi widget recent post itu sendiri untuk menampilkan dan memberitau kepada pengunjung mengenai postingan terbaru dari blog sobat.

Langsung saja bagi yang ingin Membuat Recent Post Dengan Efek Animasi Di Blog ikuti langkah-langkah berikut ini :

1. Login ke Blogger.Com
2. Pilih Tata Letak
3. Tambah Gadget
4. HTML/JavaScript
5. Lalu copy kode dibawah ini dan letakkan/paste kedalam HTML/JavaScript 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 #000;}
#rp_plus_img a{color:#000;}
#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="blog-hendrah.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul><small><a href="http://blog-hendrah.blogspot.com/2013/02/cara-membuat-recent-post-dengan-efek.htmll" target="_blank">Get this widget</a></small>

Ganti kode yang berwarna biru dengan keinginan sobat dan ganti kode yang berwarna merah dengan alamat blog sobat

6. Klik Simpan, dan lihat hasilnya
silahkan bila ingin koleksi anime Onepiece kamu bisa gunakan index yang saya buat klik pada gambar bawah untuk memilih episodenya