Header Hover part2

Penulis : Aina Zairee Masa : 19:09 Comments : 0 Labels :
Korang click HEADER HOVER PART1 ni
cara die sama sahaja cuma code die je yang lain :)
Ni code die , korang paste kan kat bawah ye ^^
#header:hover{padding-left: 65px;filter: alpha(opacity=0);opacity: .0;-webkit-transition-duration: 1.0s;}

save !
thank you for reading

Header hover

Penulis : Aina Zairee Masa : 19:05 Comments : 0 Labels :
Go to your Dashboard > Design > Edit HTML*tick expand widget


find code :-


#header {

dah jumpa ? copy cod ni :
pastekan di bawah kod yang korang find tuh

#header:hover {padding-left: 50px;-webkit-transition-duration: 0.5s;}

save ! semoga berjaya :)
thank you for reading

Cara nak pakai blogskins

Penulis : Aina Zairee Masa : 18:53 Comments : 0 Labels :
oke . ade orang tanya aina , camne nak pkai blogskins . oke . kita mulakan cheh ! -,- cam nak akad nikah

First sekali . korang  pergi design - edithtml

- click revert to classic template


then die akan keluar bende kat tengah-2 tuh . korang tekan OK seperti rajah di bawah ni
 
                                      

dah tekan OK . nnty die akan jadi camni 


setep seterusnya .
pergi kat BLOGSKINS

korang boleh choose yang mane korang suka :D ada byk blogskins kt situh . :)

korang tekan Blogger Main

nnty die keluar bende kat bawah . click open


dah click open tu nnty die akan keluar code blogskins tuh copy semua .


pastu korang pastekan kat edithtml tuh .

yay ! dah selesai ! save je la . tengok hasilnya 









thank you for reading

Top promoter minggu ni

Penulis : Aina Zairee Masa : 20:38 Comments : 2 Labels :
sekarang ni yang 29 shaja yang join . aina dah tak boleh nak buat ape kan ? tak kan nk paksa-2 orang join ish-3 aina sebenarnya target 50 . * heheehe
oke . aina nak tunjjukkan top promoer minggu ni ialah :-


click tuk membesar 
taniah . kalau korang nak tetap kedudukan korang di situh korang mesty promote bayak-2 oke ?
bgy yang sesiapa takde dlm senarai tuh , korang kne lah bersaing kan ? tak semestinya orang yang tersenarai tuh boleh jadi top promote  .
KALAU KORANG NAK JOIN . *jangan risau banyak lagi masaa untuk korang promote :D
CLICK
thank you for reading

Freebies: Blogskins Mrs Simple

Penulis : Aina Zairee Masa : 17:11 Comments : 7 Labels :
Akhirnya , berakhir jugak . berakhir ape ? berakhir edit blog laa . hehhee :') teringin jugak buat blogskins ni
dah siap da ~ , nak tengok ? jum-2 . ni first blogskins aina ^^

#tema dye warna kelabu 
aina buat warna kelabu sbb aina suka warna kelabu . 


CODE :







<!-----------  Edit By AinaSyafiqah PLEASE DO NOT REMOVE CREDITS !! --------!>
<html>
<head>
<div style="display:scroll; position:fixed; top:5px; right:90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID" target="_blank" rel="nofollow" title="Follow" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a><br /><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div>
<center><img src="http://i1215.photobucket.com/albums/cc513/misseyna1/simple.png" /></center>
<title>Mrs Simple</title>
<link rel="shortcut icon" href="http://1.bp.blogspot.com/-NgZL6kLYWh4/TwNfe5NM9zI/AAAAAAAAAkQ/FuITbd6x0Qs/s1600/kittie.gif" />
<style type="text/css">
#navbar-iframe {display: none;}
body {
background:url(http://2.bp.blogspot.com/-xxy8goGkWKI/T5QIo5cZlNI/AAAAAAAAAUA/BYuZmI2-LWo/s1600/purplestripes.png);
font-family: verdana, tahoma, sans-serif;
background-attachment:fixed;
cursor: url(http://3.bp.blogspot.com/-AGuZLG0e8p8/TwfJRN9eCsI/AAAAAAAACvc/vNps9qVJ_VE/s1600/cursor5.png), auto;
}
::-moz-selection {
background:transparent;
color:#5F4C0B;
}
::selection {
background:transparent;
color:#5F4C0B;
}
a:link ,a:visited {
color:#9e9e9e;
text-decoration:none;
}
a:hover {
color: #9e9e9e;
text-decoration:line-through;
}


img:hover {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:.80;

}
.content {
background:#ffffff;
color:#9e9e9e;
font-size: 11px;
padding:14px;
width:600px;
border-radius:10px;
text-align:justify;
}
.bar {
background: #ffffff;
color: #9e9e9e;
font-size: 11px;
padding: 8px;
width: 230px;
border-radius: 15px;
text-align: justify;
}
.main-title {
    margin: .75em 0;
    margin-top:20px;color:#000;font: 18px 'Century Gothic';text-align:center;letter-spacing: 2px;background:#9e9e9e;line-height:5pt;text-transform: uppercase;}
}
.sec-title {
color: #000000;
font-style:italic;
font-size:10px;
margin-bottom:2em;
}
blockquote {
background-image:url(http://2.bp.blogspot.com/-xxy8goGkWKI/T5QIo5cZlNI/AAAAAAAAAUA/BYuZmI2-LWo/s1600/purplestripes.png);
border:2px solid #9e9e9e;
padding: 5px;
border-radius: 8px;
}
blockquote:hover {
background-image:url(http://1.bp.blogspot.com/-c_uMJDsBJ-Y/TwNfgKhNS1I/AAAAAAAAAko/RfA-D38Baus/s1600/onibunnie.gif);
background-position:bottom right;
border:2px dashed #9e9e9e;
background-repeat:no-repeat;
}

a.cute {
background: #9e9e9e;
padding: 1px;
letter-spacing: 2px;
display: inline-block;
width: 60px;
color: #FFFFFF;
}
a.cute:hover {
border: 2px #ffffff solid;
color: #000000;
}
u {
text-decoration:none;
background: #9e9e9e;
-webkit-transition-duration: 2s;
color: #FFFFFF;
-moz-border-radius: 3px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
border-radius: 5px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
}
u:hover {
text-decoration:none;
background: #FFFFFF;
-webkit-transition-duration: 2s;
color: #9e9e9e;
-moz-border-radius: 3px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
border-radius: 5px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
}
::-webkit-scrollbar {
height:3px;
width: 10px;
background: #FFFFFF}
::-webkit-scrollbar-thumb {
background-color: #9e9e9e;
-moz-border-radius: 10px;
border-radius: 0px;
}
</style>
<body oncontextmenu='return false;'><br>
<table style="line-height: 17px;" width="900"  border="0" align="center" cellspacing="5">
<tbody><tr>
<td valign="top" style="width:600px; padding:10px; border-radius:15px; background:#ffffff; font-size:11px;">
<div id="content">
<blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Sweety</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
</div>
</td>
<td valign="top" width="230px">
<div class="bar">
<div class="main-title">Disclaimer</div>
<center><img align="center" src="http://3.bp.blogspot.com/-9a8uK6ftWcQ/TpsgttYRkHI/AAAAAAAAAGY/BWTwOSPTjvg/s1600/LoveSeparation.jpg" width="185" height="150"/></center><br>
Assalamualaikum! I'm Nur aina syafiqah , welcome to my blog enjoy
<br>
<br>
<!--------------------------------------
Blogger Classic Template
Name: Aina Syafiqah
Designer: Aina Syafiqah
URL: http://dakvanila.blogspot.com/
*Do not remove this*
*Do not ripping*
--------------------------------------!>
</div>
<br>
<div class="bar">
<div class="main-title">Navigation</div><br>
<center><a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('you').innerHTML" title="About">Diary</a>
<a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('me').innerHTML" title="Linkies">Owner</a>
<a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('love').innerHTML" title="Posts">Link</a>
<br/>
<br/>
</div>

<div class="bar">
<div class="main-title">Footprint Here!</div>
<center>Letak code Shoutbox/cbox di sini ! </div><center>
</div>

<div class="bar">
<div class="main-title">Thanks</div>
Skin By <a href="http://dakvanila.blogspot.com"> Aina Syafiqah</a><br>
Background By <a href="https://www.google.com.my/">Google</a><br>
Edit By <a href="http://blogger.com/">YourName</a></div>
</td>
<div id="me" style="display:none;">
<div class="main-title">About Me</div><br>
<center><img src="http://t1.gstatic.com/images?q=tbn:ANd9GcRJVxBQ1_BvVHc_a0nwueislpUOokycrpBh5N_NLXc-qlPrxPgS9FsyANlSQQ"><center><br>
type your text here //
</div>
<div id="love" style="display:none;">
<div class="main-title">Beloved Friends</div><br>
<center><img align="center" src="http://3.bp.blogspot.com/-FbxdlyLtKpc/TzBvQiwRHtI/AAAAAAAAARo/2JcpC7DLKfQ/s1600/Love__Beach__Sunset__by_danicafaye-721652.jpeg" width="350" height="250"/></center><br>

<a href="blogger.com"/>Friends</a> - <a href="blogger.com"/>Friends</a> - <a href="blogger.com"/>Friends</a> - <a href="blogger.com"/>Friends</a> - <a href="blogger.com"/>Friends</a> - <a href="blogger.com"/>Friends</a> - <a href="blogger.com"/>Friends</a>  - <a href="blogger.com"/>Friends</a>  - <a href="blogger.com"/>Friends</a>  - <a href="blogger.com"/>Friends</a>  - <a href="blogger.com"/>Friends</a>
<br></div>

<div id="you" style="display:none;">
<blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Sweety</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
</table></body></head>
</html>





*Tolong jangan remove credits
thank you for reading

Hilangkan tarikh di entry

Penulis : Aina Zairee Masa : 07:22 Comments : 0 Labels :
klau korang rse serabut dengan tarikh tuh lebih baik korang padan je . oke aina akan ajar caranya

1. design .
2 . click Edit cam gambar kat bawah ni


3 . bila korang dah click dye akan keluar camni 


then . save je . oke ^^


thank you for reading

sidebar to the left and main to the right

Penulis : Aina Zairee Masa : 05:55 Comments : 3 Labels :
Nak ubah penampilan blog korang ? hehe saya boleh tolong 
superpower ingin membantu !!!
aina dah mula merepek -,-

1 . design - editHTML *jangan lupa Tick expand widget 
2 . searh code ni .
#main-wrapper {
*dekat bawah tu , korang ade nampak tak code cam ni :- float: $startSide;
kalau ada , korang gantikan code tuh dengan cod ni
float: right;
eh ! tak siap lagi !! jgn save dulu . step seterusnya ,
cari cod ni , untuk permudahkan tekan ctrl+f serentak .
#sidebar-wrapper {
dah jumpe kan ? kat bawah tu ade kod ni :- float: $startSide;
korang gantikan dengan :
  float: left;
oke sekarang baru dah siap .sebelum tu preview dulu kalau jadi save .
thank you for reading

Link Hover

Penulis : Aina Zairee Masa : 18:53 Comments : 2 Labels :
contoh :

lawa kan ?

1. design-edithtml
2.ctrl+f find kod ni 
a:hover {
3. sudah jumpa ? copy code ni 
color: #d0a9f5;
text-decoration:line-through;
}

pastekan di bawah .

dah siap save !

kalau jadi bagytau aina oke ^^

thank you for reading

Tukar warna highlight

Penulis : Aina Zairee Masa : 18:49 Comments : 0 Labels :

1 . design - edithtml
2 . ctrl + f :

a:link {

3 . dah jumpe . copy cod yang ni , dan paste kan di BAWAH code yang korang find tdy
::selection {background: #ffffff; /* Safari */color: #000000;}::-moz-selection {background: #ffffff; /* Firefox */color: #000000;}

NOTA :
Merah : code warna
dah siap tu save .
thank you for reading

Sidebar title macam aina #part2

Penulis : Aina Zairee Masa : 08:13 Comments : 4 Labels :
lawa kan ? 
if kalau korang nak buat jugak , aina boleh ajarkan :)

first sekalii ....

design > editHTML

find code .
.sidebar h2 {
kalau korang dah jumpa . korang copy code ni pulak dan paste kan di bawah kod yg korang find tdy tuh  

font: normal normal 120% Century Gothic;
text-align: center;
background-image:url(URL BACKGROUND);
border-top: 1px dotted #cc99ff;
border-bottom: 1px dotted #cc99ff;
border-right: 5px solid #cc99ff;
border-left: 5px solid #cc99ff;
padding: 2px;
}

yang BOLD tu warna . korang boleh tuka kepada warna yang korang suka .
aina pilih warna purple .

oke done !
thank you for reading

Border di luar Blog .

Penulis : Aina Zairee Masa : 08:07 Comments : 0 Labels :

1. design - edithtml

2. find code ni .
#content-wrapper {

3 .dah jumpe ? copy code di bawah ni 

border: 2px solid #cc99ff;

then . paste kan di BAWAH code yang korang find tuh

NOTA :
yang warna purple lembut tu warna border :D

dah siap  save !
thank you for reading

Border keliling Post/Entry

Penulis : Aina Zairee Masa : 20:11 Comments : 3 Labels :


click tuk tumbesaran 

korang nampak tak ade border kat entry tuh ? kalau nampak bagus . heheh 
aina nak buat border lua entry tpy rse cam buruk sbb aina punyer post tittle bersambung gn tarikh . 
ok . aina nak share gan korang tuto ni 

1 . step :-


2 . step :-
Find code ni !
.post {
 3 . Dah jumpe ? copy code ni then paste kan di BAWAH kode yang korang find tdy tuh :)

border:2px solid #ff6699;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
NOTA :

warna hijau tu code warna border korang :D 

dah siap ? save 



thank you for reading

Sparkling Cursor Bintang-2

Penulis : Aina Zairee Masa : 19:31 Comments : 0 Labels :
Amboiii tajuk dyee xD Bintang-2 . hehehehe


Nie code dye ...

<script type='text/javascript'>

</script>

<script type='text/javascript'>
// <![CDATA[
var colour="#cc99ff";
var sparkles=100;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";

star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}

}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {



tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

Yang BOLD tuh code warna . paste kan kat ruangan HTML/javascript
thank you for reading

Sparkling Cursor (BENTUK LOVE )

Penulis : Aina Zairee Masa : 19:25 Comments : 1 Labels :
CANTIK TAK -2?
kalau cantik jom laa try :)


add gadget-HTML/javascript

copy code ni 

<script type='text/javascript'>
// <![CDATA[
var colour="#cc99ff";
var sparkles=40;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(5, 5);
var rdow=createDiv(5, 5);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*5;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"49px";
div.style.width=width+"50px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
pastekan di ruagan HTML/javascript :D 

Purple tu code warna 

save ! lihat hasilnyaaa  

thank you for reading

Facebook Like Button

Penulis : Aina Zairee Masa : 19:13 Comments : 0 Labels :
oke . kali ni aina tak tunjuk contoh , if kalau korang nak tau , korang buat la dulu oke ...


1step :-

2step :-
Find kode ni :-
data:post.body

3step:-
dah jumpe kod tdy ? copy kod ni pulak 

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>

paste kan di BAWAH code yang korang cari tdy tu
preview , kalau tak error save !

credits : Lyssasecret 




thank you for reading

Facebook Like Fanpage

Penulis : Aina Zairee Masa : 19:04 Comments : 0 Labels :

                                                           
Tekan Like ! . hehehe oke . kepada sesiapa yg berminat bole ikut step :D

1 . Korang kene buat pages dulu oke .
2 . Dah siap buat ppage , korang click SINI !!

korang isi yee ^^
contoh gambar .

korang ikut gambar tu oke . 
- Da siap tekan GET CODE !
- Copy cod IFRAME

Oke . sekarang kita tak tau nak paste kat mane kan ? 

add gadget - HTML/javascript

korang paste kan code IFRAME tuh dekat ruagan HTML/javascript :)
then save ! siap laaa . 
SELAMAT MENCUBA ...


thank you for reading

Cursor Hover

Penulis : Aina Zairee Masa : 09:12 Comments : 2 Labels :
Cursor hover ni bila cursor sentuh link nnty cursor akan bertukar ! macam aina punye laa :D

oke korang nak buat ikut step ....

1 .  design - add gadget - html/javascript

copy code ni

<style type="text/css">body, a, a:link{cursor:url(Cursor1), default;} a:hover {cursor:url(Cursor2),wait;}</style>

Cursor1 : Sebelum sentuh Link
Cursor2: Selepas sentuh Link

save ~
thank you for reading

Backgroud di blog

Penulis : Aina Zairee Masa : 09:08 Comments : 0 Labels :
Walaupun tuto ni dah lapok , tpy kebayakkan blog takde tuto ni sbb mungkin bgy dorang tuto ni senang right ? waktu aina nak buat blog baru , aina cari je Tuto background di blog ni , mmg susah gilepp mau cari xD  ,

korang boleh paste kod ni di ruagan HTML/javascript


<style>
body {
background-image: url('URL BACKGROUND');
background-attachment: fixed;
background-repeat: repeat;
}
</style>

thank you for reading

Cute Icon List

Penulis : Aina Zairee Masa : 08:46 Comments : 2 Labels :

nampak tak yg kecik-2 tu .? -> oke korang nak buat ? mei nak ajo


<ul style="list-style-image:url(URL ICON);">
<li>List Pertama</li>
<li>List Kedua</li>
<li>List Ketiga</li>
</ul>

Tak tahu  nak paste kat ne ? Ikut TUTO Ni , Cara die sme je . :D

Korang boleh cari icon tecik-2 tuh kat SINI
thank you for reading

Salji dalam Blog

Penulis : Aina Zairee Masa : 08:38 Comments : 0 Labels :
PUTIH

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/snowwhite.js"></script>

                                                                          HITAM


<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/snowblack.js"></script>

korang paste je kat ruagan HTML/javascript tu
thank you for reading

Post Tittle

Penulis : Aina Zairee Masa : 08:34 Comments : 0 Labels :
click kalau tak nampak 


cantik kan ? kalau cantik ape lagy ikut step :DD


         

then . find kod .post-title {

dah jumpe?

copy kod ni , and paste kan di bawah code .post-title {

margin-top:20px;color:#000;font: 18px 'Calibri';text-align:center;letter-spacing: 2px;background:#cc99ff;line-height:5pt;text-transform: uppercase;}

Warna purple tu code warna .

dah siap save je oke . bye


credit : Izazaty





thank you for reading

Navigation #Part2

Penulis : Aina Zairee Masa : 08:24 Comments : 0 Labels :






kalau korang pakai navigation ni nampak kemas sikit kan ?
oke . korang mahu try ? try lah tak halang


Add Gadget - HTML/javascript


copy code ni , then paste di ruangan HTML/javascript

<br />
<center><b></b></center>
<center><form action="http://www.myspacegens.com/handler.php?gen=redirect" method="post"><select name="url" style="width: 160px; height: 20px; font-size: 11px; background-color: #000000; color: #FFFFFF; border-radius:4px; font-family: Verdana;"><option value="LINK HOME" />HOME<option value="LINK OWNER" />OWNER<option value="LINK  STUFF" />STUFF<input type="submit" style="border-width: 1px; border-color: #DD8AFF; border-style: solid; border-radius:4px; font-family: Century Gothic; color: #FFFFFF; background-color: #FFF;" value="Go!" /></select></form></center><br />

nota :
HIJAU : TAJUK
BOLD: WARNA
PURPLE TUA: LINK

Credit:Izazaty

thank you for reading

Navigation #Part1

Penulis : Aina Zairee Masa : 08:12 Comments : 0 Labels :

                                                                                    
#click tuk membesarkan 

korang try laa , cantek tau :) bagy sesiapa yang berminat jom try 

Design - Add A Gadget - HTML/javascript


copy cod di bawah ni then paste kat ruangan HTML/javascript

<style>
a.jeonjin {
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding-top:3px;
width:70px;
text-decoration:none;
font-family:calibri;
font-size:13px;
height:20px;
text-transform:uppercase;
color: #fff;
background: #EDC5FF;
text-align:center;
cursor:vertical-text;
}
a.jeonjin:hover{
color: #fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
background:#000000;}
</style>
<a class="jeonjin" href="LINK 1">HOME</a>
<a class="jeonjin" href="LINK 2">ABOUT</a>
<a class="jeonjin" href="LINK 3">STUFF</a>
<a class="jeonjin" href="LINK 4">EXC</a> 

Yang BOLD tu , korang tuka ikut kesuaian laa .

Credits:izazaty

thank you for reading

Cara mencari kod id

Penulis : Aina Zairee Masa : 05:56 Comments : 0 Labels :
Korang tak tau mane cod id korang ? oke . meh aina tunjukkan 

Cer tengok kat bawah

click tuk membesarkan

nampak tak yg ade color merah-2 yg meyerlah tuh . haaa ! tu laaa cod ID BLOG .
sekarang dah tau kan mau cari kat ne ? oke good ^^


thank you for reading

Header untuk My Follower

Penulis : Aina Zairee Masa : 05:37 Comments : 5 Labels :
Form sararose-93, syafira darwisyah

header ni khas tuk sarah sbb die suka stalk blog aina, kott .....
dan die pernah mintak header kat aina hehe sorry lambat buat
harap akak sara suka :)

http://i1215.photobucket.com/albums/cc513/misseyna1/Untitled-14-18.png

#sorry tak cantik sgt :)
pink , purple 

#header ni pulak khas untuk safirah darwisyah !

http://i1215.photobucket.com/albums/cc513/misseyna1/Untitled-14-19.png

#pink lembut dan biru lembut :)
maaaf kalau ade kesilapan 

#for ilya hamizah
http://i1215.photobucket.com/albums/cc513/misseyna1/headerilya.png

#cute doodle for Nurul Ezatee
http://i1215.photobucket.com/albums/cc513/misseyna1/doddlecute.png


JGN COPY HAK MILIK ORANG :) MAAF

selagi masih ade NAK APE ? FREE JE .
aina akan buatkan header , banner cursor tuk follower aina
sbb ape aina buat NAK APE ? FREE JE
sbb aina bosan duk rumah xde buat ape-2 -,-
korang boleh singgah . NAK APE ? FREE JE untuk tahu lebih lanjut


thank you for reading