Animasi "Recent Post" pada blog

Recent post menunjukkan tulisan terbaru yang terdapat dalam blog. Adanya "animasi recent post widget", dapat menambah seri widget semacam ini pada tampilan blog yang anda miliki sehingga pembaca akan lebih tertarik untuk membaca dan mengunjungi blog yang anda miliki.

Di sini saya akan memberikan tutorial yang sangat mudah untuk di terapkan bagi para blogerr pemula seperti saya ini, dan berikut langkah yang bisa anda bisa coba pada blog anda, dengan tampilan widget seperti yang anda lihat tadi.

1. Dari dashboard >> design >> add a gadget >> HTML/javascript

2. Copy dan paste kode di bawah ke dalam  HTML/javascript yang anda tambahkan tadi.


<style type="text/css"> #rp_plus_img{height:470px;} #rp_plus_img li {height:60px;padding:5px;list-style:none; background-color:#DEB887 ; border:solid 3px #00008B;} #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: 10px;} #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;} </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="https://sites.google.com/site/pangerantinta/java-script/animasirecentpost.js" type="text/javascript"></script> <script type="text/javascript"> var speed = 1500; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <br /> <ul id="rp_plus_img"> <script> var numposts = 6; var numchars = 0; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script> </ul> <small><a href="http://pangeran-tinta.blogspot.com/2013/08/animasi-recent-post-pada-blog.html" target="_blank">Get This Widget Here</a></small>


3. Save dan lihat hasilnya.

semoga bermanfaat, like dan komentarnya ya kawan kalau bermanfaat, thanks :)