17/11/11

Tutorial cara buat recent post dengan gambar fancy PINK edition


Tutorial cara buat recent post bergambar pink edition..versi ni untuk pengemar kaler pink..

Cara pasang x susah..aku suda edit semuanya..tinggal pasang di blog ja..

Mula2 pergi ke desbot---desaign---ada gadget---HTML / Javascript...

copy code di bawah kemudian paste dan save selesaii..


<center><style type="text/css">
#rp_plus_img{height:212px;overflow:hidden;background:#EBCCFF;
border:5px dashed #FF33CC;-moz-border-radius: 50px 50px; border-radius: 21px 21px; -moz-box-shadow: 0px 0px 80px #FF33CC; -webkit-box-shadow: 0px 0px 80px #FF33CC;padding:6px 10px 14px 5px;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#FF3366;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#7d7d7d;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;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://javasriptcode.googlecode.com/files/rpplusimgnt-v1.0.js.txt"></script>
<script type="text/javascript">
var speed = 400;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 10;
var numchars = 55;
</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt"></script>
</ul></center>
<span style="color:#fff; font-size: small;"><a href="http://blogger-blog-tutorial.blogspot.com/2011/11/tutorial-cara-buat-recent-post-dengan_17.html" target="_blank">Get This Widget</a></span>



Live Demo...lebar widget mengikut lebar section..jika anda letak widget tu pada sidebar widget tu xkan jadi lebar seperti di bawah ni..live demo ni lebar sebab dia ikut lebar entri..



Get This Widget


Sekian

2 ulasan:

The day we meet berkata...

cute sbb pink!hehe..
sy nk try wat :) tq :)

Polskahackrew berkata...

@Norlida Ramli
nice..padan dengan tema warna ('',)

entri ja

Related Posts Plugin for WordPress, Blogger...