Membuat Random Post Bergerak Ke Bawah

Widget ini menurut Fsangat bermanfaat karena dengan rajin dan seringnya anda membuat postingan baru maka postingan lama anda akan tertimbun dan akan dilupakan begitu saja.
Tertarik untuk memasang Widget Random Post Bergerak ke Bawah ini di blog Anda???
 Langsung saja ikuti langkah-langkahnya:

1. Login ke akun blogger
2. Klik rancangan
3. Pada menu Elemen laman klik tambah gadget
4. Pilih HTML/JavaScript
5. Copast kode script di bawah ini.

<style type="text/css">
#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #000;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{height:auto;padding:0px;list-style:none;}
#rp_plus_img a{color:#ccc;}
#rp_plus_img .news-title{display:block;margin-bottom:0px;font-size:small;}
#rp_plus_img .news-text{display:none;}
#rp_plus_img img{display:none;}
</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="http://rizki-khaizir.googlecode.com/files/recentpostslidethumbnails.js"></script>
<script type="text/javascript">
var speed = 500;
var pause = 2900;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 25;
var numchars = 0;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

Simpan dan lihat hasil nya.
NB:

• pada kode yang di beri tanda merah adalah tinggi wdget
• pada kode yang di beri tanda biru adalah kecepatan gerak.
• pada kode yang di beri tanda hijau adalah banyaknya post yang akan di tampilkan

Read More