Membuat Widget Random Post Bergerak- Kali ini saya akan membagikan tutorial cara membuat widget ramdom post dengan gambar/tumbnails bergerak
Langsung saja kita ke tutorial cara membuat widget random post bergerak
Langkah - langkah yg harus anda ikuti :
1. Di blogger
2. Menu Tata letak > Tambah gadget / add gadget >> Html/Javascript
3. Masukan script di bawah ini
<style type="text/css">4. Perhatikan
/*widget*/
#rp_plus_img{overflow:hidden;border:solid 1px #ddd;padding:10px; background-color:none;line-height:1.7em;}
#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:normal !important;margin-bottom:5px;font-size:14px;}
#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:60px;border-radius:4px;}
</style>
<!-- start -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.rawgit.com/Brando07/share/master/random-post-bergerak-seocips.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 = 5;
var numchars = 0;
</script>
<script src="http://www.rhm-files.tk/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
<!-- /end -->
- Ganti text yg berwarna biru muda dengan url alamat blogger sobat
- Warna biru adalah waktu berhentinya setiap post sebelum berpindah lagi
- Warna merah adalah kecepatan berpindah post
- Warna hijau adalah jumlah post yg akan di tampikan
5. Setelah selesai Save widget
6. liat apakah berhasil atau tidak
Nah selamat sekarang widget anda sudah terpasang widget random post bergerak semoga saja bisa menambah page view blog kamu
0 Komentar untuk "Tutorial Membuat Widget Random Post Bergerak Di Blog"
Don't forget leave some comment