Kali ini saya hadir lagi dengan artikel Cara Membuat Recent Post Keren Di Blog. sebenarnya widget ini tidak keren sih.. :D hehe.. . Tapi Widget ini menurut saya bagus untuk sobat pasang pada sidebar blog sobat. widget ini membuat judul dan gambarnya berbarengan bergerak ke bawah.
Berikut ini adalah tampilan widget recent post nya:
1. Login ke blogger.
2. Rancangan >> Edit Laman >> Tambah Gadget >> Html/JavaScript.
3. Masukkan kode berikut pada kolom konten.
<center><style type="text/css">Keterangan:
#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#F68629;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #F68629;width:95px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 20;
var numchars = 0;
</script> <script src="http://kangita-gaul.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script> </ul>
</center><span style="font-size: xx-small;"> </span>
<div style="text-align: right;">
<a href="http://kangita-gaul.blogspot.com/2012/08/cara-memasang-recent-post-keren-di-blog.html" target="_blank"><span style="font-size: xx-small;">Pasang</span></a></div>
- Pada teks yang saya beri warna merah, silahkan sobat ganti dengan alamat blog sobat.
Nah itulah dia cara pemasangan widget recent posts nya. Semoga artikel ini bermanfaat untuk sobat semua. jangan lupa komentarnya :).
