Friday, December 17, 2010

Tutorial 15 - Tukar Fonts di post tittle & sidebar .

pening pening , saya belom siap edit blogblog orang ! OMG O_o
haha , relex relex ! aku peninggggg gile choi :p
kepada sesiapa yang suruh saya edit blog dia , saba ea ?
ramai lagi orang saya kena tolong :)
im SO SORRY !

okay , request ney dari PUTERA KASABA ^^ haha
macam mana nak tukar fonts di post & sidebar tittle .
agak susah siket ea ?

kadangkadang dia jadi , kadangkadang tidak .
so , kalau tak jadi . korang kena edit blog balek taw !
so berhatihatilah yee . saya dah banyak kali tak jadi . penat weyh !
edit semuanya balek -.-

okay , so we start it yeah ! ^^
untuk post tittle :

1. DASHBOARD > DESIGN > EDIT HTML > TICK EXPAND WIDGET TEMPLETES 
2. tekan ctrl + f seach .post h3 {
3. lepas dah search > nanti dia akan keluar >


PADAM YANG :  

 margin:.2em 0 .25em;
  padding:0 0 4px;
  font: $title;
  color:$titlecolor;
  text-align: left;
}

DAN GANTIKAN DENGAN :


margin:.25em 0 0;
font-family:"Kristen ITC",Georgia,Serif;
padding:0 0 4px;
font-size:130%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

------------------------------------------------------------------------------

Untuk Sidebar pulak :

1. pergi DASHBOARD : DESIGN : EDIT HTML : TICK EXPAND WIDGET TEMPLETES .
2. tekan ctrl + f dan search .sidebar h2 { 
3. lepas dah search , nanti dia keluar >



PADAM CODE NEY :



 padding: 5px 0 5px 0;
  font: $sidebarheaderfont;
  color: $sidebarcolor;
 text-align: center;
  letter-spacing:.2em;
  }

DAN GANTIKAN DENGAN :

margin:.25em 0 0;
font-family:"Kristen ITC",Georgia,Serif;
padding:0 0 4px;
font-size:130%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

YANG BERWARNA PINK TUU , AWAK SEMUA TUKARKAN FONTS APA YANG AWAK NAK
AND , APA YANG ADA KAT DALAM COMPUTER / LAPTOP AWAK .

SEBAB , KALAU AWAK AMEK FONTS YANG AWAK DOWNLOAD DARI MANAMANA ,
MUNGKIN , IA AKAN NAMPAK ERRRRR :P HAHA ,

KAT COMPUTER AWAK JEE BOLEHH TENGOK FONTS UH , 
COMPUTER ORANG LAEN KELUAR MACAM NEY :


kkkkkkkkkkk


faham tak ? HAHAHAHA :P
OKAY , preview dulu , baru save . kalau tak jadi , saya taktahu ea ?
yang sidebar tuu saya kurang pasti lah :/
haha , sorry sorry -.-

SELAMAT MENCUBEEEEEEEEEEEEEEEEEEEEEEEE ^^

Thursday, December 16, 2010

Tutorial 14 - Favicon :)


^^^^^^^^
okayokay , ada orang buat request macam mana nak buat bende ney :)

1. dashboard > design > edit HTML > tick expand widget templetes 
2. tekan ctrl + f dan carik ney : </head>

lepas dah carik , paste code ney kat atas </head>


<link href='URL gambar' rel='shortcut icon' type='image/x-icon'/> 
<link href='URL gambar' rel='icon' type='image/x-icon'/>


Photobucket 
http://i561.photobucket.com/albums/ss52/angelicxmelody/manderly/strawberry.gif
Photobucket
http://i561.photobucket.com/albums/ss52/angelicxmelody/manderly/redribbon.gif
Photobucket
http://i561.photobucket.com/albums/ss52/angelicxmelody/manderly/cupcake.gif
Photobucket
http://i561.photobucket.com/albums/ss52/angelicxmelody/manderly/blueribbon.gif
Photobucket
http://i561.photobucket.com/albums/ss52/angelicxmelody/manderly/camera.gif
Photobucket
http://i561.photobucket.com/albums/ss52/angelicxmelody/creamy%20daisy/a10.png
Photobucket
http://i561.photobucket.com/albums/ss52/angelicxmelody/creamy%20daisy/a8.png


preview dulu , dah jadi baru save ^^
thanks !


CREDITS TO HANA :D

Tutorial 13 - Link Hover

tetiba pulak rajen an nak buat tutorial ^^ 
haha , ramai yang tanya kat formspring . macam mana nak buat LINK HOVER ?

link hove ney macam ney :

yang ramarama tulah link hover :)

so , nak buat . macam ney :

1. Dashboard => design => edit HTML
2. tekan CTRL + F search code ney :

a:hover{


then , copy code di bawah pastu paste kat bawah a:hover{



color:#000000; background:url( URL GAMBAR);
background-repeat:repeat;
text-decoration:none

}



lepas tuu , pileh hover ney dan paste kat URL GAMBAR :D





http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif







http://dl.glitter-graphics.net/pub/1274/1274791or8ew5kzx6.gif


http://sl.glitter-graphics.net/pub/602/602355k2suf9v03y.gif





http://i603.photobucket.com/albums/tt117/misdollymie/rainbowhover.gif





http://dl.glitter-graphics.net/pub/590/590941r351ykwhz6.gif





http://dl6.glitter-graphics.net/pub/590/590966tdltan40f8.gif


PREVIEW DULU ! baru save . 
SELAMAT MENCUBA YEAH ? ^^

CREDIT TO KAK HANA & SYAMIRA :D

tutorial 12 - border di keliling blog .

request from BELLE :D


nak buat border keliling blog ? senang tuu , boleh laa :)
try aw !


1. dashboard > design > edit html > tick expand widget templetes
2. tekan ctrl + f , search code dibawah ney :


.content-inner or .main-outer 
then , bila dah jumpe code dia , paste code dibawah sebelah dia :D
 border: 3px solid #000000;
ney contoh lepas dah paste ape sume :
 .content-inner { border: 3px solid #000000;
 .main-outer { border: 3px solid #000000;
yang warna merah uh , code warna :) kalau nak carik colour kee kan .
>>TEKAN SINI <<
Bila dah siap , PREVIEW dulu ! baru save bila dah jadi ^^


DONE !