Latest Archieve :
English French German Spain Italian Dutch Russian Brazil Japanese Korean Arabic Chinese Simplified
Translate Widget by Google

Membuat Widget Random Post bergerak di Blog

Artikel kali ini membahas tentang Membuat Widget Random Post di Blog. Widget ini diperuntuhkan agar pengunjung yang mengunjungi blog anda bisa mengetahui lebih banyak tentang postingan anda. Postingan lama yang jarang dibuka oleh pengunjung akan tetap keluar sehingga dapat memaksimalkan popularitas setiap artikel yang anda buat.

Bagaimanakah cara membuat widget random post ini?, lansung saja disimak.
Silahkan anda masuk ke akun blogger anda, pilih blog yang ingin dipasang widget random post ini.

1. Klik menu Tata Letak.

2. Silahkan anda pilih tempat yang cocok untuk ditempatkannya widget random post ini, jika sudah klik 
3. Tambahkan Gadget dan pilih HTML/JavaScript.

Lalu masukkan kode dibawah ini.

<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:12px;}
#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: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 =
400;
var pause =
3500;
$(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> 

5. Terakhir, klik Simpan.

Catatan :
- Angka yang bewarna biru adalah kecepatan berpindahnya post satu dengan lainnya, bisa anda ganti sesuai keinginan anda.
- Angka yang bewarna hijau adalah waktu berhentinya setiap post sebelum berpindah lagi, bisa anda ganti sesuai keinginan anda.
- Angka yang bewarna oranye adalah jumlah post yang akan ditampilkan di widget random post, bisa anda ganti sesuai keinginan anda.

Nah, sekian dulu artikel tentang Membuat Widget Random Post bergerak di Blog, semoga bermanfaat bagi kita semua.
Share this article :

Posting Komentar

 
Support : Creating Website | Harun Template | Harun Template
Copyright © 2014. harunsiregar.blogspot.com - All Rights Reserved
Template Created by Creating Website Published by Harun Template
Proudly powered by Blogger