Membuat Random Post Bergerak Ke Bawah

Random Post Bergerak Ke Bawah
Widget Random Post.
Itulah yang akan Febbiez bahas pada ksempatan kali ini.
apa itu Random Post??
yupz!! Random Post ini adalah seekor widget yang akan menampilkan artikel-artikel yang telah kita posting secara acak, tapi bukan berarti postingan kita di acak-acak sama widget ini.

Membuat Random Post Bergerak
Widget Random Post yang akan Febbiez bahas ini cukup menarik karena mempunyai style bergerak ke bawah.
kalau penasaran seperti apa penampakan nya, silahkan lihat di blog Febbiez sebelah kanan, disarankan menggunakan teropong bintang supaya lebih jelas.

Widget ini menurut Febbiez sangat bermanfaat karena dengan rajin dan seringnya anda membuat postingan baru maka postingan lama anda akan tertimbun dan akan dilupakan begitu saja.
Tertarik untuk memasang Widget Random Post Bergerak ke Bawah ini di blog Anda???
Langsung saja ikuti langkah-langkahnya:

Membuat Random Post Bergerak Ke Bawah

Login ke akun blogger
Klik rancangan
Pada menu Elemen laman klik tambah gadget
Pilih HTML/JavaScript
Copast kode script di bawah ini.

<style type="text/css">
#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #000;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{height:auto;padding:0px;list-style:none;}
#rp_plus_img a{color:#ccc;}
#rp_plus_img .news-title{display:block;margin-bottom:0px;font-size:small;}
#rp_plus_img .news-text{display:none;}
#rp_plus_img img{display:none;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://rizki-khaizir.googlecode.com/files/recentpostslidethumbnails.js"></script>
<script type="text/javascript">
var speed = 500;
var pause = 2900;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 25;
var numchars = 0;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

Simpan dan lihat hasil nya.

NB:

pada kode yang di beri tanda merah adalah tinggi wdget
pada kode yang di beri tanda biru adalah kecepatan gerak.
pada kode yang di beri tanda hijau adalah banyaknya post yang akan di tampilkan

Selamat mencoba dan semoga bermanfaat.

sekiranya Anda merasa artikel ini bermanfaat, mohon klik tombol like/suka di bawah untuk memberitahukan kepada teman-teman anda di Facebook tentang artikel ini.

Incoming Search

10 komentar

Sulaiman Rosyid

ups, mkasih bwgt ya sob ahir'y pesanan aq di posting, oy klo boleh informasi, scrip'y gk bsa dicopy...
http://grupsyariah.blogspot.com

Febbiez

maaf gan, kemarin ada kesalahan posting, tapi skrg ud ane perbaiki, silahkan di coba lagi.

Anonymous

Thanks gan... hehe salam kenal gan, sy msih blajar ngeblog gan.. blog jg msh carut marut gan... kl buat menu horisontal di blog kyk punya agan itu,trus bagi2 postingan sesuai tema gimana y gan?
tp yg judul menu kodenya gmn gan?
atau harus masukan script di setiap postingan gan ?

gan maaf ane newbie gan.. buat menu horisontal di blog ky punya agan itu gmn y gan? maksud ane biar pstingan kita bisa terbagi per kelompok gitu gmn gan?