Cara Mudah Membuat Random Post Bergerak di Blog - Random Post atau postingan terbaru sangatlah penting untuk dipasang pada blog, karena dengan memasang random post maka pengunjung kita dapat mengetahui potingan terbaru kita. nah,,,share kali ini yaitu Cara Membuat Random Post Bergerak di Blog, tutorial agar popular post sobat dengan tampilan keren yaitu dapat bergerak secara otomatis dan tentunya mempunyai daya tarik kepada pengunjung untuk membacanya.
Jika sobat tertarik
Cara Mudah Membuat Random Post Bergerak di Blog silahkan ikuti tutorial berikut ini:
- Masuk akun blog sobat
- Pilih Tata Letak
- Lalu Tambahkan Gadge pilih HTML/JavaScript
- Masukan kode di bawah ini kedalam kotak HTML/JavaScript :
<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">
</ul>
</div>
Keterangan :
- kode yang warna Merah adalah kecepatan untuk berpindahnya post ke post lain,, jika perlu sobat bisa ubah kecepatannya..
- kode yang warna Biru adalah waktu berhentinya post/di pause.. bisa di ubah juga jika perlu..
- kode yang warna Hijau adalah jumlah post yang akan di tampilkan di recent post. sobat bisa mengubahnya sesuka hati.