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