Membuat widget Random Pos Bergerak di Blog

Dengan memasang widget Random Post, maka dapat menampilkan artikel anda secara acak, juga artikel lama anda akan ditampilkan di setiap halaman anda.

Ok langsung aja kita memulai cara membuatnya :

1. Masuk ke Blogger
2. Masuk ke Tata Letak
3. Tambahkan Gedget dan pilih HTML/Javascript
4. Dan Masukkan Kode di bawah ini

<div style="margin-bottom: 15px;">

<style type="text/css">

#rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}

#rp_plus_img ul{list-style-type:none;margin:0;padding:0}

#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}

#rp_plus_img li{height:70px;padding:1px;list-style:none;}

#rp_plus_img a{color:#3366ff;}

#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;}

#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;}

#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}

</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script>

<script type="text/javascript">

var speed = 400;

var pause = 3500;

$(document).ready(function(){

rpnewsticker();

interval = setInterval(rpnewsticker, pause);

});

</script>

<ul id="rp_plus_img">

<script style="text/javascript">

var numposts = 20;

var numchars = 60;

</script>

<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>

</ul>

</div>

5. Simpan / SAVE


Ok mudah bukan dan coba lihat hasilnya di blok anda. Semoga Bermanfaat