Cara membuat random post berjalan di Blog

Assalamualaikum. Wr.Wb

  Kali ini ZXC akan memberikan tutorial cara membuat random post berjalan pada blog.

Random post adalah sebuah widget yang berisi postingan atau artikel yang di tampilkan secara acak, dengan jumlah tertentu sesuai yang kita butuh kan.

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 gan cara nya.

Simak baik-baik ya gan tutorialnya. 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
4.Pastekan script yang tadi di copy
5.Kalau sudah klik simpan
6.selesai.

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

Selamat malam dan selamat beraktivitas..

SALAM Zona-X-computer

Share :