Berikut admin share cara paling mudah untuk membuat popular post atau recent post seperti yang terdapat pada sisi kanan blog ini atau gambar disamping posting.
Ikuti tutorialnya berikut ini :
Ikuti tutorialnya berikut ini :
- Login ke Blogger dan pilih blog yang akan kalian beri widget popular post / recent post
- Klik Layout dan pilih 'add a gadget' yang ada di sisi kanan/kiri posting
- Pilih 'HTML/Javascript'
- Copy Paste kode berikut dibawah ini : Download kode disini
- Klik Save
- Buka blog kalian / Refresh
<div style="margin-bottom: 15px;">
<style scoped="" type="text/css">
#rp_plus_img{height:931px;overflow:hidden;border:solid 0px #444444;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:0px; padding:0; list-style:none;}
#rp_plus_img li{height:80px;padding:5px;list-style:none;}
#rp_plus_img a{color:#ffff00;}
#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:#444444;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://yourjavascript.com/21130445194/aab-slide.js"></script>
<script type="text/javascript">
var speed = 900;
var pause = 19900;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 54;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>
<style scoped="" type="text/css">
#rp_plus_img{height:931px;overflow:hidden;border:solid 0px #444444;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:0px; padding:0; list-style:none;}
#rp_plus_img li{height:80px;padding:5px;list-style:none;}
#rp_plus_img a{color:#ffff00;}
#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:#444444;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://yourjavascript.com/21130445194/aab-slide.js"></script>
<script type="text/javascript">
var speed = 900;
var pause = 19900;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 54;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>
SEMOGA BERMANFAAT
Note :
Mohon maaf sebelumnya, admin sengaja menonaktifkan fungsi drag block, ctrl+A, ctrl+C dan klik kanan dikarenakan oleh beberapa hal. Mohon pengertiannya dan silahkan download scriptnya sesuai petunjuk dan tempat yang telah admin sediakan
Terima Kasih
Mohon maaf sebelumnya, admin sengaja menonaktifkan fungsi drag block, ctrl+A, ctrl+C dan klik kanan dikarenakan oleh beberapa hal. Mohon pengertiannya dan silahkan download scriptnya sesuai petunjuk dan tempat yang telah admin sediakan
Terima Kasih
No comments:
Post a Comment