×

Cara Membuat Widget Random Posts Bergerak Di Blogger

Share this article with your friends

Penggunaan widget yang bermanfaat bagi pengunjung blog ,sangat berperan penting untuk memaksimalkan jumlah visitor dan jumlah tampilan halaman per setiap pengunjung blog.Terkadang seorang blogger memasang widget hanya untuk mempercantik tampilan blog nya dan menikmatinya sendiri dengan memasang widget yang sebenarnya tidak terlalu penting,seperti jam,animasi ,dll,tetapi ingatlah bukan hanya kita pengunjung blog tersebut.Jadi akan lebih baik jika kita membuat widget yang bermanfaat untuk pengunjung blog.

Screenshoot :

image

Widget random post merupakan salah satu widget yang terbilang cukup berperan penting dalam membantu meningkatkan tampilan halaman /pageview pada blog.Widget ini akan menampilkan post dengan cara acak(random),sehingga setiap post ,baik yang telah lama dapat tampil setiap saat sehingga bisa menarik pengunjung blog untuk menjelajahi post /artikel kita yang lain.

Pada kesempatan kali ini saya share tentang bagaimana cara memasang widget random post animasi(bergerak dari bawah ke atas).

1.Login ke dashboard blog ,pilih Tata Letak / Layout

2.Klik Tambahkan gadget > HTML/JavaScript

3.Pastekan script di bawah ini :

<!—Widget Script Start  -->

<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 = 600;
var pause = 3000;
$(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>

<!—Widget Script End -->

Keterangan : 

Warna merah = mengatur kecepatan untuk berpindah post   ke post lain.

Warna biru = waktu berhentinya post/di pause

Warna hijau =  jumlah post yang akan di tampilkan di recent post.

4.Klik Save / Simpan,dan lihat hasilnya pada blog anda.

Demikian postingan saya tentang bagaiaman cara memasang widget random post bergerak di blog.Semoga bermanfaat..

0 Response to "Cara Membuat Widget Random Posts Bergerak Di Blogger"

Post a Comment