Membuat Widget Random Post bergerak di Blog

Artikel kali ini membahas tentang Membuat Widget Random Post di Blog. Widget ini diperuntuhkan agar pengunjung yang mengunjungi blog anda bisa mengetahui lebih banyak tentang postingan anda. Postingan lama yang jarang dibuka oleh pengunjung akan tetap keluar sehingga dapat memaksimalkan popularitas setiap artikel yang anda buat.

Bagaimanakah cara membuat widget random post ini?, lansung saja disimak.

1. Silahkan anda masuk ke akun blogger anda, pilih blog yang ingin dipasang widget random post ini.


2. Klik menu Tata Letak.


3. Silahkan anda pilih tempat yang cocok untuk ditempatkannya widget random post ini, jika sudah klik Tambahkan Gadget dan pilih HTML/JavaScript.


4. Lalu 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>

    5.  Terakhir, klik Simpan.

Catatan :
- Angka yang bewarna merah adalah kecepatan berpindahnya post satu dengan lainnya, bisa anda ganti sesuai keinginan anda.
- Angka yang bewarna oranye adalah waktu berhentinya setiap post sebelum berpindah lagi, bisa anda ganti sesuai keinginan anda.
- Angka yang bewarna biru tua adalah jumlah post yang akan ditampilkan di widget random post, bisa anda ganti sesuai keinginan anda.

Nah, sekian dulu artikel tentang Membuat Widget Random Post bergerak di Blog, semoga bermanfaat bagi kita semua.

This article is originally created by http://www.tutorkeren.blogspot.com (please share this to the other and don't delete the credit link).

source http://tutorkeren.blogspot.com/2013/05/membuat-widget-random-post-bergerak-di-blog.html