Cara Menciptakan 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 ialah terletak pada artikel yang di tampilkan, sebab random post menampilkan semua artikel atau postingan yang ada di blog kita.

Pada Tutorial kali ini sya akan share wacana cara menciptakan random post berjalan atau random post yang sanggup bergerak kebawah, script random post yang kali ini aku share lebh istimewa juga , ketimbang yang dulu aku share, sebab script kali ini sanggup bergerak kebawah secara otomatis, menyerupai gambar di bawah ini, ilustrasi nya.

Lalu bagaimana cara menciptakan nya ? Gampang kok cara nya.
Dibawah ini ialah script untuk menciptakan 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 aku wacana cara menciptakan random post berjalan dan bergerak kebawah, biar sanggup bermanfaat dan berhasil di terapkan di blog agan.

Share this post