25.10.11

TUTORIAL : ANIMATED RECENT POST

Author : Nabila Medan Time : 10/25/2011 03:59:00 PM Total Comment : 4 Label :


Assalammualaikum~
dah tak nak membebel panjang2.
nak terus ajar cara nak pasang animated recent post.


ikut step ini

1.Dashboard > Design > Add a Gadget > HTML/JavaScript
2.Copy code bawah ni , and paste kat HTML/JavaScript



<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="https://sites.google.com/site/unwanted86/javascript/recentpost.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://tutorialuntukblog.blogspot.com/2011/07/animated-recent-post-ver2.html" target="_blank">get this widget here</a></small>


3.Dah siap , SAVE jerk !


note kecik !
#yang warna merah tu , korang boley tukar dgn berapa num of post yg korang nak ia keluar kat "recent post"




p/s : nak tanye ??






4 comments

Tuesday, October 25, 2011 4:11:00 PM Delete! [Reply Comment]

nabila thanks skali jugew..da jdik hehe

Monday, November 14, 2011 6:38:00 PM Delete! [Reply Comment]

hye awk!!..mcm ner awk buat burng y terbang2 to!!bagi la tuto sket..tp bg bintang len plk ea??eeheheh

Wednesday, November 16, 2011 7:37:00 PM Delete! [Reply Comment]

hurmm mcm ner tutor y nim plk ea?? y brong to da jadi tp tutor tok animated recent post to xley wat pom??dy kuwa tepi to tnde pangkah!!! to tok ap erk?? =.='

Tuesday, January 29, 2013 10:03:00 PM Delete! [Reply Comment]

sa dah try semua tutorial jenis nie. but no ane yang jadik. when i use yours. finally i made it :) thanks untuk tutorial yg berguna nieh :D

Post a Comment
Related Posts Plugin for WordPress, Blogger...