Membuat Widget Random Post Bergerak For Blogspot

  Cara membuat Random pos bergerak untuk Blogspot Blogger. Tutorial kali ini kami akan membagikan kepada anda tentang cara membuat dan memasang widget random post di Blog anda. Widget Random post ini berbeda dengan widget Popular post.

Dengan memasang widget random post maka dapat menampilkan artikel anda secara acak, juga artikel lama anda dapat ditampilkan di setiap halaman anda. Sedangkan widget popular post hanya menampilkan artikel yang populer saja di Blog anda.

Cara Membuat dan Memasang Widget Random Post

Ok sobat berikut adalah tutorialnya.

1. Masuk ke Blogger.
2. Klik menu Tata Letak.
3. Tambahkan Gadget dan pilih HTML/JavaScript.
4. Masukkan kode dibawah 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>

 Keterangan :

• Angka yang bewarna merah adalah kecepatan berpindahnya post satu dengan lainnya
• Angka yang bewarna Biru adalah waktu berhentinya setiap post sebelum berpindah lagi.
• Angka yang bewarna Hijau adalah jumlah post yang akan ditampilkan di widget random post
• Semua kode berwarna diatas dapat diganti sesuai dengan keinginan anda

5.  Simpan dan Selesai

Bagaimana? mudah bukan? semoga tutorial cara memasang widget randompost bergerak diatas mudah anda pahami dan semoga bermanfaat.