Membuat Widget Random Post Bergerak For Blogspot

Seocips -  Cara membuat Random pos bergerak untuk Blogspot Blogger. Tutorial kali iniseocips 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

Artikel yang mirip dengan ini sebenarnya telah di bahasa di waktu yang lalu, hanya kodenya saja yang sedikit berbeda. Random post berikut ini bergerak sedangkan randompost yang dibahas pada waktu yang lalu tidak bergerak. ( Baca ; Random Post SEO yang ok untuk tampilan blog ). 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