tentang
banner
tutor
fb
home

Wednesday, August 10, 2011

TUTORIAL : Animated Recent Post Widget

Ini adalah TUTOR ke-2 untuk hari ini.. Request dari Arul Cuak
Cuak ak tadi dia dok tanya ada x versi ak suka tu..heheheh =)
eh, kamu tanyakan?? xkira,ak nak kongsi gak..lalalala...

Yui oh yui camne nak wat cam kamu tu??



orait dik non..ahkak nak ajar+kongsi ni yer..buat elok-elok..mulakan dengan

DESIGN > ADD A GADGET > HTML/JAVASCRIPT > COPY PASTE
ayat keramat berikut


<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>
<script language='javascript'>

imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[2] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[3] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[4] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://URL BLOG.blogspot.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>
</div>
</center>
<small><a href="http://nusha1706.blogspot.com/2011/08/tutorial-animated-recent-post-widget.html" target="_blank">get this widget here</a></small>
tukar link blog tu kepada link blog kome..nak letak link blog ak pon xder masalah..hahahah..
udah COPY?? SAVE la okies..tgk hasilnya..

Yui oh yui,lau xnk save dulu boleh tak??
jgn ngada-ngada la..kompem leh punya..lau xmow gak,REMOVE aje..bkn susah..hehe..
pastu try smula..jgn cepat putus asa.. Good luck!!

tp xsemua leh guna widget ini,sila rujuk kat sini..

n/y: kalau kome tnya dan ada yg ak xmmpu nak tlg,mintak maaf ea.. ak ni pon belajar2 gini aje..
dan ini hanyalah satu perkongsian =)

sumber : Tutorial

_________________________________________________________________
guna AKAL berfikir,guna HATI merasa dan guna JARI meluahkan
_________________________________________________________________

guna AKAL berfikir,guna HATI merasa dan guna JARI meluahkan ^ ___ ^

8 dak comei sayang YUI:

Wuming said...

Wh buat blog tutorial plak

eima said...

nanti rajin nk wat la... skrg ni mls la ...hehehe

chaque siz said...

huhuhu..tengs yep....

Cik Azizah said...

TERBAIK! sharing is loving yui..

admin said...

awk, follow blog saya ni jugak jomwayangku.blogspot.com

Miss Nadya said...

nad guna tutorial ni lah sayang..:)

nurul said...

dah menjadi la!! Thanks!

noradilah dila said...

hu.hu.hu...puas godek..x dpt juga...tolong akk dik..
www.qasehdila84.blogspot.com