17/11/11

Tutorial cara buat recent post dengan gambar Purple Lover edition


Tutorial cara buat recent post bergambar kali ni versi purple lover yang di inspirasikan oleh CHA A.K.A Love bug

Cara pasang widget ni sama macam pasang widget lain..aku da edit jadikan widget ni bertemakan purple love

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

Copy code di bawah dan save..

<center><style type="text/css">
#rp_plus_img{height:212px;overflow:hidden;background:#FF99E0;
border:5px dashed #cc00ff;-moz-border-radius: 50px 50px; border-radius: 21px 21px; -moz-box-shadow: 0px 0px 80px #cc00ff; -webkit-box-shadow: 0px 0px 80px #cc00ff;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:#cc00ff;}
#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_2351.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

1 ulasan:

ciK_Nana berkata...

canteq... sy wt da jadi.. tp blh x klau nk besarkn tulisan dy? nk tuka ktne ye?

entri ja

Related Posts Plugin for WordPress, Blogger...