Cara Membuat Random Post Berjalan

Random post ialah sebuah widget yang berisi postingan atau artikel yang di tampilkan secara acak, dengan jumlah tertentu sesuai yang kita butuh kan,Random post juga berfungsi untuk mengurangi bounce rate juga, keistimewaan dari random post dengan widget lain adalah terletak pada artikel yang di tampilkan, karena random post menampilkan semua artikel atau postingan yang ada di blog kita.
Pada Tutorial kali ini sya akan share tentang cara membuat random post berjalan atau random post yang dapat bergerak kebawah, script random post yang kali ini saya share lebh istimewa juga , ketimbang yang dulu saya share, karena script kali ini dapat bergerak kebawah secara otomatis, seperti gambar di bawah ini, ilustrasi nya.

Lalu bagaimana cara membuat nya ? Gampang kok cara nya.
Dibawah ini adalah script untuk membuat random post berjalan bergerak kebawah, silahkan di copy!

<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:14px;}
#rp_plus_img .news-text{display:block;font-size:11px;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 warna merah itu ialah kecepatan untuk berpindah dari post ke post lain.
Angka yang warna biru ialah waktu yang di perlukan untuk pause atau berhenti.
Dan yang terakhir angka yang warna hijau ialah jumlah postingan yang akan di tampilkan.
Silahkan boleh diganti sesuai yang agan butuh kan! Lalu ikuti langkah langkah di bawah ini!

1.Buka Dasbor Blog
2.Pilih Tata letak
3.Klik Add Gadget HTML/JavaScript
4.Pastekan Script yang tadi di copy
5.Kalau sudah klik simpan
6.selesai.

Sekian Tutorial dari saya tentang cara membuat random post berjalan dan bergerak kebawah, semoga bisa bermanfaat dan berhasil di terapkan di blog agan.

Anda baru saja membaca artikel tentang - Cara Membuat Random Post Berjalan. Silahkan baca artikel berikutnya Tentang - - Jangan lupa g+1 / fb / twit :)