Maret 22, 2013
Menurut saya ini widget yang keren ya. iya gak ? simple tapi WOW !
oke dah ! langsung aja.
1. Login ke blogger.com
2. Klik design atau template untuk interface blog baru
3. Masuk ke page element interface blog lama, untuk interface baru, masuk ke layout
4. Klik add gadget. Saran saya, pilih sidebar karena widget ini butuh space panjang
5. Pilih html/ javascript
5. Copy code ini kemudian pastekan
<style type="text/css">kalau udah, di save. gimana ? keren kan ?
#rp_plus_img{height:377px;}
#rp_plus_img li {height:60px;padding:5px;list-style:none;
background-color:#ffffff;
border:solid 1px #000000;}
#rp_plus_img a{color:#00000;}
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
text-align:justify;
-moz-border-radius: 5px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
</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://hanjs.googlecode.com/files/recentpostv2.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 = 5;
var numchars = 0;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul><small><a href="http://fay-sky.blogspot.com/2013/03/recent-post-dengan-jquery.html" target="_blank">get this widget here</a></small>
