Cara membuat Random pos bergerak untuk Blogspot Blogger. Tutorial kali ini saya akan membagikan kepada anda tentang
cara membuat dan
memasang widget random post di Blog anda.
Widget Random post ini berbeda dengan widget Popular post.
Dengan memasang widget random post maka dapat menampilkan artikel anda
secara acak, juga artikel lama anda dapat ditampilkan di setiap halaman
anda. Sedangkan widget popular post hanya menampilkan artikel yang
populer saja di Blog anda.
Artikel yang mirip dengan ini sebenarnya telah di bahasa di waktu yang
lalu, hanya kodenya saja yang sedikit berbeda. Random post berikut ini
bergerak sedangkan randompost yang dibahas pada waktu yang lalu
tidak bergerak. Ok sobat berikut adalah tutorialnya.
1. Masuk ke Blogger.
2. Klik menu Tata Letak.
3. Tambahkan Gadget dan pilih HTML/JavaScript.
4. 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>
Keterangan :
- Angka yang bewarna merah adalah kecepatan berpindahnya post satu dengan lainnya
- Angka yang bewarna Biru adalah waktu berhentinya setiap post sebelum berpindah lagi.
- Angka yang bewarna Hijau adalah jumlah post yang akan ditampilkan di widget random post
- Semua kode berwarna diatas dapat diganti sesuai dengan keinginan anda
5. Simpan dan Selesai
