Breaking News
Loading...
25 April 2013

Cara Membuat Random Post Bergerak Otomatis | Widget Blogger

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

Jangan Lupa Share jika Bermanfaat :)

4 komentar:

  1. terima kasih kunjungan nya sob!!
    pasti akan kunjung balik :)

    ReplyDelete
  2. artikelnya menarik nih,boleh dicoba, salam kenal buat mas dhani dan sukses selalu.

    ReplyDelete
  3. kunjungan siang bolong gan... Follow - Join this site back yaa....
    http://lipuuhulondalo.blogspot.com/

    ReplyDelete

*Komentar Tanpa Moderasi*
Silahkan berkomentar yang sopan, tidak mengandung unsur sara, pornografi.
Jika blog ini membantu, jangan lupa like Fanspage dan Follow Google+
Terima kasih

Copyright © 2013 Dhani's Blog All Right Reserved