Just another Information

Thursday, April 25, 2013

Cara Membuat Random Post Bergerak Otomatis | Widget Blog
Assalamualaikum wr.wb
selamat datang kembali di blog ini sob, kali ini saya akan berbagi widget yang pastinya sangat berguna untuk blog yaitu random post, dengan widget ini akan memudahkan pengunjung blog melihat isi dari blog kita secara acak, Dan perbedaan dari widget yang satu ini adalah bergerak dengan otomatis sehingga kita akan memanjakan pengunjung untuk membaca isi artikel blog kita secara acak,
seperti ini screenshot nya :
gimana sob,, apakah berminat untuk membuat nya ??
kalau iya silahkan ikuti langkah- langkah nya :
  1. seperti biasa, login dulu ke dashbord blogger kamu
  2. pilih tata letak
  3. lalu pilih tambah gadget
  4. pilih Html/java script
  5. lalu masukkan kode dibawah ini 

<div style="margin-bottom: 15px;">
<style type="text/css">
#rp_plus_img{height:450px;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 = 600;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 15;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>

keterangan :
warna biru adalah ukuran tinggi widget yang akan sobat pasang di sidebar blog sobat, bisa sobat atur sendiri
warna merah adalah kecepatan pergantian tiap posting, bisa sobat sesuaikan dengan keinginan sobat
warna hijau adalah waktu pause posting, juga bisa sobat atur sendiri
dan warna orange adalah jumlah postingan yang akan dimasukan kedalam widget

terakhir simpan ,,dan lihat hasilnya :)

oke semoga membantu sob !!

Categories:


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat volutpat nibh nec posuere. Donec auctor arcut pretium consequat. Contact me 123@abc.com

0 comments:

Post a Comment