Cara Pasang Artikel Terbaru Keren Blogger - Cara Pasang Artikel Terbaru Keren Blogger - Cara Pasang Artikel Terbaru Keren Blogger. Sekarang saya akan share kepada anda para blogger newbie khususnya, yaitu bagaimana Cara Pasang Artikel Terbaru Keren Blogger di sidebar.
Berikut adalah Cara Pasang Artikel Terbaru Keren Blogger:
- Login ke akun blog anda
- Klik tata letak > tambah gadget > HTML/javascript
- Kemudian silahkan masukan kode dibawah ini
<style type="text/css">Keterangan:
#rp_plus_img{height:385px;overflow:hidden;border:0;padding:2px 3px 3px 2px;background:transparant}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #ccc; margin:0;height:82px;padding:5px; list-style:none;-moz-border-radius: 10px; border-radius: 5px}
#rp_plus_img li:hover{background-color: #EFFBEF;}
#rp_plus_img a{color:#00E0F4;font-weight:bold}
#rp_plus_img .news-title{display:block;font-weight:400 !important;margin-bottom:3px;font-size:11px;}
#rp_plus_img img{float:left;margin-right:10px;padding:4px;border:solid 1px #ccc;width:65px; height:65px;-moz-border-radius: 10px; border-radius: 5px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://tugasku4u.googlecode.com/files/Slideshow-artikel-terbaru-New-2013.js"></script>
<script type="text/javascript">
var speed = 1500;
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 = 50;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
- #EFFBEF; Warna saat disorot kursor
- #00E0F4; Warna Judul Postingan
- 10; Jumlah postingan yang akan di tampilkan
- 50; Jumlah character/huruf yang akan di tampilkan
Sekian tutorial Cara Pasang Artikel Terbaru Keren Blogger, semoga bermanfaat.
