blockquote part 1

Penulis : Unknown Masa : 07:55 Comments : 0 Labels :
hello . my name is nur aina syafiqah , aina nak kongsikan tuto ni
and this is my own code urm . klau korang suka , korang boleh try tuto ni ^^
  

1 . templete - edithtml - proceed 
ctrl + f : .post blockquote {
2. copy code ni
border: 1px dashed #F49E9C;
border-radius: 5px;
background: #FFF3F3;
background-repeat:repeat;
padding: 4px;
-webkit-transition: 1s;
}
blockquote:hover {
border: 1px solid #FCE0DE;
border-right: 1px solid #FCE0DE;
border-left: 1px solid #FCE0DE;
border-radius: 5px;
}

pastekan di bawah code yg tdy tu

yang BOLD tu code warna

dah siap save :)
tinkiu

thank you for reading

Link hover rainbow

Penulis : Unknown Masa : 23:42 Comments : 0 Labels :
Assalamualaikum , waa dah lama tak wat tuto right ? oke skrang ni aina nak wat tuto link hover rainbow . banyak cantik woo :O korang try lah buat

1. pi templete - editHTML - proceed
2. ctrl+f : a:hover {
3. sekrang korang copy kode ni :-

-webkit-background-clip: text;
color: white;
-webkit-transition: 1.0s;
-webkit-text-fill-color: transparent;
background-image:-webkit-gradient(linear, left top, right top, from(#ea8711), to(#d96363));
background-image:-webkit-linear-gradient(left, ##5F04B4, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-moz-linear-gradient(left, ##5F04B4, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-ms-linear-gradient(left, ##5F04B4, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-o-linear-gradient(left, ##5F04B4, #d96363, #73a6df, #9085fb, #52ca79);
}

4. paste kan di bawah kode a:hover tu


5. akhir sekali save ! :D

credits: Faqihah Husni
thank you for reading

Doodle freehair

Penulis : Unknown Masa : 21:04 Comments : 3 Labels :
comel tak ?
ni first time aina wat doodle freehair :D


sudah lama aina tak update blog sbb aina busy .*k kononnya busy
takde laa  tak busy mane pun , aina jarang bukak blog xD
follower aina pun tak naik mendadak xD yela waktu followe aina
100 kebawah , aina semangat gile nk naikkan follower sampai hampai setiap hari promote kat fb 
dan akhirnya dpt jugak 600 :) nak tahu aina target brpe ? 1000++
hahaha :3 okela byeee .. ! heheh


thank you for reading

Simbol comel-2

Penulis : Unknown Masa : 06:06 Comments : 2 Labels :
Assalamualaikum
hello/hi

aina jumpe simbol ni dekat BLOG cik nur farah 
banyak comel woo xD
sebelum tuh . korang follow twitter aina / cute / dan like page / sweet /
ikhlas tau -3 xD heheh . thanks yee

nah ambil laaa tuh pun kalau berkenan ...

Æ æ
{^◕‿◕^} (^^) ✖✗✘
✂✆✉✦✧ ♰♂♀☿❤❥ ❦❧
™®©♡♦ ♔♕♚♛★ ☄☾☽
☀☁☂☃ ☮۞۩ εїз¢
☚☛☜☝☞☟✍
☢☣☠☮☯ ♠♤♣♧♥ ❀✿ ψ☪☭
♩♫℘ℑ ℜℵ♏ηα ʊϟღツ回 ™ ©®¿¡½
¼¾⅛⅜⅝⅞℅
❝❞ ◠◡╭╮╯╰ ★☆¤
★☆♀◆◇↑↓→ ←↘↙♀ ♂┇┅﹉﹊
﹍﹎╭╮╰╯ *^_^* ^*^ ^-^
^_^ ^^∵∴‖ ︱︳︴﹏
﹋﹌♂♀ ♥♡☜☞☎ ☏⊙◎☺☻
▧▨ ♨◐◑↔ ▪▫☼♦▀ ▄█▌ ░▒▬♦
☼♠♣ ▤▥▦▩ ◘◙ ♬♪♩♭♪ の☆→あ
◕‿◕。✎✟۩ ۩.. ..۩۩ ۩۞۩
❈➹ ~.~ -。☀☂☁ 【】┱┲ ✚✪✣ ✤✥
✦❉ ❥❦❧❃ ❂❁❀✄ ☣☢☠☭♈
✔✕ ㊚㊛ *.: *゚・ ¤㊣★☆
♀◆◇回
→←↘ ♀♂┇┅ ﹊﹍﹎ ╭╮╰╯ *^_^*
^*^ ^-^ ^_^ ^^ ∴‖ ︱︳ ︴﹏﹋﹌
♂♀♥♡☜ ☞☎☏⊙ ☺☻
▧▨♨◐◑ ▪▫ ☼♦
▐░▒▬ ◊◦ ♠♣▣▤▥ ▦▩ぃ◘◙
♫♬♪ ♩♭♪の☆ あ£ ◕‿◕。
۩۩.. ..۩۩๑๑۩۞ ۩
✲❈ ~.~◕‿- ☀☂☁【】
┱┲❣✚ ✪✣✤✥ ✦❉❥❦
❧❃❂❁❀ ☪☣☢☠ ☭♈
✔✕✖ *.:。✿*゚・»«¶
©† εïзღ♣ •± °•.•ஐஇ
◊©¤ ▲↔™®ε їз
☆★ ▽△▲ ∵∴∷ #♂♀♥♠♣
♧♤♧ ♡♬♪ ♭♫♪ ↕↘••● ¤╬﹌
▽☜♥☞ ✞♥♕☯☭☠☃
▱◆








´ ‗ ‘ ’ ‚ ‛ “ ” „ † ‡ •

      ′ ″ ‹ ›

∙ √














thank you for reading

Button fly up !!

Penulis : Unknown Masa : 05:59 Comments : 0 Labels :
design - javascript

korang paste kan code di bawah ni kat ruangan html/java tu



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" >/***********************************************
* Scroll To Top Control script- &#169; Dynamic Drive DHTML code library(www.dynamicdrive.com)* Modified byLyssaFaizureen***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="URL IMAGE FLY UP" />',
controlattrs: {offsetx:5, offsety:5},
anchorkeyword: '#top',
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport)
this.$control.css({opacity:0})
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1)
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='')
mainobj.$control.css({width:mainobj.$control.width()})
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>


hijau BOLD tuh : url image button fly up korang tuh .

senang je kan ... ?
thank you for reading

navigation part 3

Penulis : Unknown Masa : 00:39 Comments : 0 Labels :
:O terpikat tak ? hehehehe 

bgy aina lawa koddd xD bangge . oke malas nk ckp byk , let's go !!! kita doing yee xD 
hahaha , speaking jup :3

1.design - add gadget - HTML/javascript

copy kode ni then paste kat ruagan HTML/java tuh 
<br/>
<span style="background-color: #d8d8d8; border-radius: 5px 5px 5px 5px; padding: 3px 6px;"><a href="LINK">Code Color</a></span>
<span style="background-color: #d8d8d8; border-radius: 5px 5px 5px 5px; padding: 3px 6px;"><a href="LINK/">Mr. Google</a></span>
<span style="background-color: #d8d8d8; border-radius: 5px 5px 5px 5px; padding: 3px 6px;"><a href="LINK">Facebook</a></span>
<br />

NOTA KEPALA LUTUT :
BOLD : code warna
HIJAU : link
PURPLE: tajuk





thank you for reading

cara menukar link blog

Penulis : Unknown Masa : 00:31 Comments : 0 Labels :
korang nak tuka link blog korang ? 

1. setting - Publishing

tegok kat bawah ni :-


1. click setting 
2. click publishing
3. link blog korang yang korang nk tukar tuh , kalau boleh unik sikit la 
nama korang nk letak tuh xD 
3. masukkan recapctha code ( aku rse aku eja salah -,- )
5. save ! 
done !


thank you for reading

Undeline background

Penulis : Unknown Masa : 00:23 Comments : 0 Labels :
CONTOH :

saya suka makan KFC
lawa kan ? terpikat tak ? kalau terpikat ikut step jom !! 
 1. design - editHTML - Tick
ctrl + f . find kod ni :
u {
2. sudah jumpa ? copy code ni dulu

text-decoration:none;
background: #a4a4a4;
-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;

3. paste kan dekat SEBELAH u { tuh

Bold tu code warna
tak tahu nk cari kod warna ?
tengok kat sidebar aina yang atas sekali tuh (le moustache) namapk  ? click !

preview kalau jadi save !

thank you for reading

BOLD text shadow

Penulis : Unknown Masa : 09:59 Comments : 1 Labels :
nampak tak ade shadow kat tepi-2 die tuh ?

oke ikut step ye anak-2 xD

1. design - editHTML - Tick

ctrl+f cari kod :
/* Header
2. oke . copy kode ni . then paste kan di atas code /* Header tu oke ?
b {
text-decoration:none;
text-shadow: 0 0 0.2em #faafbe, 0 0 0.2em #faafbe;
padding: 0px;
}

yang BOLD tu kode warna shadow tu 
then save je la :D

thank you for reading

Tulisan Berwarna Bagi Ayat Di Bawah Setiap Post

Penulis : Unknown Masa : 09:50 Comments : 2 Labels :



okeh . jum kita start ! let's go !

1. design - editHTML - Tick 
ctrl+f seacrh :
<data:post.body/>
2. dah jumpa ? copy code ni pulak .
<hr/><center><span style='color: #000000;'><b>AYAT KORANG</b></span></center><hr/> 
3.paste kan DIBAWAH code <data:post.body/> ye  adik-2 / kaka-2 / abg-2 :D 


warna merah tu ialah warna tulisan tu . 
purple tu AYAT KORANG oke

save ! dan lihat hasilnya .

thank you for reading

Sidaber border part2

Penulis : Unknown Masa : 06:54 Comments : 4 Labels :
yang ni yang colorful punya ! banyak cantik woo :O

okeh . jom ikut tuto rial ni 

1.ctrl+f searh code ni :
]]></b:skin>

2. dah jumpa , copy code ni then paste di ATAS code tadi tu
.sidebar .widget {
background: #FFF;
border-top: 4px solid #F5A9BC;
border-bottom: 4px solid #A9BCF5;
border-left: 4px solid #A9BCF5;
border-right: 4px solid #F5A9BC;
  margin:5px 5px 1.0em;
  padding:0px 5px 1.0em;
border-radius: 10px;
 }

yang BOLD tu korang ubah ikut sesuaian :)

credit by NABILA MEDAN 

thank you for reading

Freebies header . my blog areweasome .

Penulis : Unknown Masa : 05:46 Comments : 0 Labels :
Harini aina buat header untuk korang . tak tau la bgy korang lawa ke tak sbb aina buat simple-2 je :D


http://i1215.photobucket.com/albums/cc513/misseyna1/biru.png

http://i1215.photobucket.com/albums/cc513/misseyna1/kelabu.png

http://i1215.photobucket.com/albums/cc513/misseyna1/pink.png

suka ? kalau suka ambil la ye , jgn malu-2 :3
thank you for reading

My Blog Is Areweasome

Penulis : Unknown Masa : 07:35 Comments : 0 Labels :

Yeahh .. My blog is  areweasome ! nape jelouse ? hehe :3 jokes je jangan ambil hati :O siapa tak mengaku blog die areweasome kan ? okeh , aina nak ckp pasal blog . nak tau kenapa aina buat blog tema warna kelabu asap ? sbb now aina suka simple-2 , bagy aina simple cantik sangat , tak percaya ?
nnty korang da besar korang tau la . sbb waktu kita kecik , kita mmg suka warna PINK . jadi bila lama-2 kita asyik PINK PINK PINK mesty rasa muak kan ? jadi , sbb tu la , Blog aina warna kelabu xD tpy aina suka jugak la warna PINK sbb die cute sgt . lagy satu warna PINK paling senang nk cari doodle ke background ke . betul tak ? hehehe . okeh -2 aina tahu aina cerita tungang langgang kan ? oke-2 kalau tak faham buat-2 fhm je . boi boi


thank you for reading

Pisahkan main wrapper dan sidebar wrapper

Penulis : Unknown Masa : 17:19 Comments : 2 Labels :

Assalamualaikum
lawa kan ? nak try buat jom aina nk ajarkan 

1. design - editHTML - Tick
2. find code ni :  .post {

3. dekat bawah kod .post { kan ade code . korang delete then korang gantikan dengan code ni 
 margin:0 0 1.5em;padding:10px;font-size: 95%;background:#ffffff;border: 2px solid #999999;border-radius:5px;">line-height:1.9em;
merah : ketebalan border
biru : double/solid/dotted or dashed
ungu : code warna SINI

tadi tu untuk post , sekarang ni untuk sidebar pulak ...

1 . find code : .sidebar .widget

2. baawah kod .sidebar .widget tu ade code kan ? korang delete then gantikan dengan code ni 
margin:0 0 1.5em;padding:10px;font-size: 95%;background:#ffffff;border: 2px solid #999999;border-radius:5px;">line-height:1.9em;

6. preview dulu , kalau takde error korang boleh save , 
eh ! tak siapa lagy , sekarang ni kita nk transparent kan background die tuh . baru cantik . 

korang ikut picture kat bawah ni ;


dah siap ,
APPLY TO BLOG 

okeh . selesai 



thank you for reading

Navigation warna warni

Penulis : Unknown Masa : 08:35 Comments : 4 Labels :
warna warni camne tuh ? tengok kat bawah ni
comel right ?
ok korang nak cuba ?


design - add gadget - HTML/javascript
<span style="background-color: CODE WARNA; padding-bottom: 5px; display:inline-block; padding: 5px; text-align: center; margin:3px;"><a href="LINK" style=" color: white; text-decoration: none;">TAJUK</a></span>

pastekan kat ruagan HTML/javascript tuh :D
thank you for reading

Link Hover . part

Penulis : Unknown Masa : 08:30 Comments : 0 Labels :
kalau tak nampak click gambar tuh . :D 

korang nampak tak garisan warna pink tuh ?
comel kan ?
nak try tak ? jom ikut tuto ni 

first sekali . korang pergii ke design then editHTML
find kode ni :-
a:hover {
dah jumpe? korang copy kode ni pulak .

border-top: #faafbe 0px solid;border-bottom: #ffc5d0 2px solid;
}

paste kan di bawah oke
korang ubah lah code warna tuh :D
thank you for reading

Header Hover part2

Penulis : Unknown 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 : Unknown 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 : Unknown 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 : Unknown 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 : Unknown 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLwIuv6wgWJm2IPQlUdDqhO2MzAnXHLBFXSFdmuUHzodNm8pZdEdgjihavmCCAWgaHkGymB7Umi68oP4UHGt4joS8KBX8TnBuhlFmuOmxCjwyhjpw5BmecheMr8m0pSzLT1HoUD_K5jeU/s1600/purplestripes.png);
font-family: verdana, tahoma, sans-serif;
background-attachment:fixed;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYNOumJmODDanFYpIpxNySgYSiX0wMOiofhtjeGqqKD_RIpaUnTC3WR-4ta1azT9vshvWSYYnwZBNcGM47VvowKf6-LSkAWYnOya0foAMv3B-CB18et2xtMUD-x9W8BwslCylZlTsbWY9T/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLwIuv6wgWJm2IPQlUdDqhO2MzAnXHLBFXSFdmuUHzodNm8pZdEdgjihavmCCAWgaHkGymB7Umi68oP4UHGt4joS8KBX8TnBuhlFmuOmxCjwyhjpw5BmecheMr8m0pSzLT1HoUD_K5jeU/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTIyl9DDkaJsbXI2IIsL4evM1VMU-lg3gl9ORf6PW6pLgo_oLSFLe4cZQ8bTf7r_NSd07ZShwUzKe-y7nv3MRgbK1sPwdUuVIp27XK74rZf-jbbwsmqUNmokZ9rgR-kJQ2buLWkR7FwI4/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx7HcVfeh8VmDDiqQnV0i1fawNv6aY_urkaR9vNMHFbOHXm3hWw016AJ0FWdaMyM9lRWPu89TQn3J2dSOOAbzTDF8EhtClw1hJ5r5bjvSmmLnMvZK51YTP4PB3_hCYWnO3GSt8eKRP1Dg/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 : Unknown 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 : Unknown Masa : 05:55 Comments : 2 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 : Unknown 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 : Unknown Masa : 18:49 Comments : 1 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 : Unknown 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 : Unknown 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 : Unknown 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 : Unknown 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