cara membuat dan memasang wedget recent post bergerak



cara membuat wedget recent post bergerak slide seperti gambar di atas cukup simple

caranya

1. login ke akun sobat

2. tambah gadget

3. pilih HTML java script

4. copy script di bawah ini




<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style type="text/css">
#rp_plus_img{
height:300px;overflow:hidden;border:solid 0px #585858;padding:6px 10px 14px 5px;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:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#000;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px;}
#rp_plus_img .news-text{display:block;font-size:10px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 0px #585858;width:55px;height:55px;}
</style>
<script type="text/javascript" src="http://ahmad-rifai-tools.googlecode.com/files/recentpostslidethumbnails.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 25;
var numchars = 75;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

warna merah adalah ukuran wedget
warna ungu adalah speed
warna biru adalah jumlah posting
wana hijau  adalah jumlah caracter/huruf
atur sesuai selera sobat
save dan lihat hasilnya terimakasih semoga articel saya bermanfaat



ARTIKEL TERBARU: