Recent post keren dengan jquery

Recent post keren dengan jquery - Untuk para blogger sekaligus penggila widget keren, tak salah rasanya Anda sempatkan waktu untuk mampir di postingan blog RAM.system ini. Karena share saya kali ini tentu akan membantu blog Anda dalam mempercantik blog, diluar konteks design.

Berikut ini screen shootnya :

get this widget here
script Recent post keren dengan jqueryadalah sebagai berikut :
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">
#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://blognyakadhenk.blogspot.com/" target="_blank">get this widget here</a></small>
 7. Save

Sekian dan terima kasih
Recent post keren dengan jquery Recent post keren dengan jquery Reviewed by Unknown on 10:32 AM Rating: 5

No comments:

Powered by Blogger.