Sedikit Info Seputar
Cara Membuat Widget Random Posts Bergerak Di Blogger
Terbaru 2017
- Hay gaes kali ini team Blog Android, kali ini akan membahas artikel dengan judul Cara Membuat Widget Random Posts Bergerak Di Blogger, kami selaku Team Blog Android telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Blog Android. semoga isi postingan tentang
Artikel Blog Tutorial, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul:
Berbagi Info Seputar
Cara Membuat Widget Random Posts Bergerak Di Blogger
Terbaru
link: Cara Membuat Widget Random Posts Bergerak Di Blogger
Berbagi Artikel Tentang Cara Membuat Widget Random Posts Bergerak Di Blogger Terbaru dan Terlengkap 2017
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 :
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..
