Ochan SRG- 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 :
1. Silahkan sobat masuk ke akun blogger anda, pilih blog yang ingin dipasang widget random post ini.
2. Klik menu Tata Letak.
3. Silahkan sobat pilih tempat yang cocok untuk ditempatkannya widget random post ini, jika sudah klik Tambahkan Gadget dan pilih HTML/JavaScript.
4. 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 = 10;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>
<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 = 10;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>
Catatan :
- Angka yang bewarna merah adalah kecepatan berpindahnya post satu dengan lainnya, bisa anda ganti sesuai keinginan anda.
- Angka yang bewarna orange adalah waktu berhentinya setiap post sebelum berpindah lagi, bisa anda ganti sesuai keinginan anda.
- Angka yang bewarna biru adalah jumlah post yang akan ditampilkan di widget random post, bisa anda ganti sesuai keinginan anda.
- Angka yang bewarna merah adalah kecepatan berpindahnya post satu dengan lainnya, bisa anda ganti sesuai keinginan anda.
- Angka yang bewarna orange adalah waktu berhentinya setiap post sebelum berpindah lagi, bisa anda ganti sesuai keinginan anda.
- Angka yang bewarna biru adalah jumlah post yang akan ditampilkan di widget random post, bisa anda ganti sesuai keinginan anda.
Jika tidak bisa di Copy ni link downloadnya : http://www.mediafire.com/?8148nd2uru1bbb4
5. Klik save
0 komentar:
Posting Komentar