Cara Membuat Random Post Bergerak Dengan Thumbnail

Cara Membuat Random Post Bergerak Dengan Thumbnail

Jika biasanya random post berbentuk link atau hanya thumbnail,kali ini random post anda semakin unik saja.Dengan script di bawah ini Anda dapat memasang random post bergerak guna memperkecil ruang yang digunakan untuk widget ini,berikut tutorialnya:

1. Masuk ke blogger lalu ke tata letak
2. klik tambah gadget, lalu pilih yang html/java script
3. Copy script berikut dan paste pada bagian yang tersedia

<center><style type="text/css"> #rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#F68629;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #F68629;width:95px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://kangdansen.googlecode.com/files/newsticker-thumbnail.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 4000;
var pause = 4000;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 100;
var numchars = 0;
</script> <script src="http://www.omseoli.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script> </ul>
</center>

4. Ganti Tulisan hijau

vaar speed dan var pause digunakan untuk mengatur delay. Ganti pada nominalnya, semakin sedikit nominalnya semakin cepat delaynya (maksudnya delay waktu berjalannya itu lho..)

5.Ganti Tulisan Merah

Perhatikan Kode di atas dan lihat tulisan berwarna merah ganti tulisan tersebut dengan alamat blog anda

6.Save dan lihat blog anda

Cari Atikel Lainnya

Tweet

Written by Joy Silalahi

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.