Blog Pak Asmuri,S.Pd


Sunday 21 July 2013

Cara Membuat Random Post Bergerak Ke Bawah

Selamat  Malam , Kawan Sepi Sunyi.! Hari ini saya akan sharing mengenai Cara Membuat Random Post Bergerak Ke Bawah, Kenapa harus Isi Random Post, kawan? Sebab 
Random Post sangat bermanfaat untuk mempermudah masuk, ke halaman lain yang ada di blog .Kita tinggal mengklik lansung di bawa ke alamat yang di maksud.








Cara Membuat Random Post Berjalan


1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut 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: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 : 
1. Kode yang warna Hijau adalah kecepatan untuk berpindahnya post             ke post lain,, jika perlu sobat bisa ubah kecepatannya.. 

2. kode yang warna Pink adalah waktu berhentinya post/di pause.. bisa di ubah juga jika perlu.. 

3. kode yang warna Orange adalah jumlah post yang akan di tampilkan di recent post. sobat bisa mengubahnya sesuka hati.. 


Selanjutnya tinggal di save .. Finish

Sumber laman :http://blogsepisunyi.blogspot.com/2013/06/cara-membuat-random-post-bergerak-ke.html

0 komentar:

Post a Comment

Tinggalkan Komentar anda di sini sebagai tanda anda telah mampir
terima kasih atas Kunjungannya
Salam Pertemanan dari Asmuri ,S.Pd

Kumpulan Poto





































































































Materi Penting Untuk Guru