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 ! 

Monday, December 13, 2010

Tutorial 11 - Double Underline .

hari ney saya nak tunjuk kat awak semua macam mana nak buat :


okay okay , sapa nak buat macam ney angkat tangan ! HAHAHA :p
okay ! mula mula pergi :
dashboard > design > edit html 
and tekan CTRL + F carik bende alah ney :

/* Header
then , lepas dah jumpe , paste code ney :

u {
text-decoration:underline;
border-bottom: 2
px dotted #FF0080;
padding: 0px;
}

kat atas /* Header . 
TUKARTUKAR JOM ! :
warna merah : awak boleh tukar sama ada 
SOLID :
_________________________________________

DASHED :

-------------------------------------------------
DOTTED :

..............................................................

warna orange : awak boleh tukar sama ada dengan warnawarna ini :)

Aliceblue
F0F8FF
Antiquewhite
FAEBD7
Aqua
00FFFF
Aquamarine
7FFFD4
Azure
F0FFFF
Beige
F5F5DC
Bisque
FFE4C4
Black
000000
Blanchedalmond
FFEBCD
Blue
0000FF
Blueviolet
8A2BE2
Brown
A52A2A
Burlywood
DEB887
Cadetblue
5F9EA0
Chartreuse
7FFF00
Chocolate
D2691E
Coral
FF7F50
Cornflowerblue
6495ED
Cornsilk
FFF8DC
Crimson
DC143C
Cyan
00FFFF
Darkblue
00008B
Darkcyan
008B8B
Darkgoldenrod
B8860B
Darkgray
A9A9A9
Darkgreen
006400
Darkkhaki
BDB76B
Darkmagenta
8B008B
Darkolivegreen
556B2F
Darkorange
FF8C00
Darkorchid
9932CC
Darkred
8B0000
Darksalmon
E9967A
Darkseagreen
8FBC8F
Darkslateblue
483D8B
Darkslategray
2F4F4F
Darkturquoise
00CED1
Darkviolet
9400D3
Deeppink
FF1493
Deepskyblue
00BFFF
Dimgray
696969
Dodgerblue
1E90FF
Firebrick
B22222
Floralwhite
FFFAF0
Forestgreen
228B22
Fuchsia
FF00FF
Gainsboro
DCDCDC
Ghostwhite
F8F8FF
Gold
FFD700
Goldenrod
DAA520
Gray
808080
Green
008000
Greenyellow
ADFF2F
Honeydew
F0FFF0
Hotpink
FF69B4
Indianred
CD5C5C
Indigo
4B0082
Ivory
FFFFF0
Khaki
F0E68C
Lavender
E6E6FA
Lavenderblush
FFF0F5
Lawngreen
7CFC00
Lemonchiffon
FFFACD
Lightblue
ADD8E6
Lightcoral
F08080
Lightcyan
E0FFFF
Lightgoldenrodyellow
FAFAD2
Lightgreen
90EE90
Lightgrey
D3D3D3
Lightpink
FFB6C1
Lightsalmon
FFA07A
Lightseagreen
20B2AA
Lightskyblue
87CEFA
Lightslategray
778899
Lightsteelblue
B0C4DE
Lightyellow
FFFFE0
Lime
00FF00
Limegreen
32CD32
Linen
FAF0E6
Magenta
FF00FF
Maroon
800000
Mediumauqamarine
66CDAA
Mediumblue
0000CD
Mediumorchid
BA55D3
Mediumpurple
9370D8
Mediumseagreen
3CB371
Mediumslateblue
7B68EE
Mediumspringgreen
00FA9A
Mediumturquoise
48D1CC
Mediumvioletred
C71585
Midnightblue
191970
Mintcream
F5FFFA
Mistyrose
FFE4E1
Moccasin
FFE4B5
Navajowhite
FFDEAD
Navy
000080
Oldlace
FDF5E6
Olive
808000
Olivedrab
688E23
Orange
FFA500
Orangered
FF4500
Orchid
DA70D6
Palegoldenrod
EEE8AA
Palegreen
98FB98
Paleturquoise
AFEEEE
Palevioletred
D87093
Papayawhip
FFEFD5
Peachpuff
FFDAB9
Peru
CD853F
Pink
FFC0CB
Plum
DDA0DD
Powderblue
B0E0E6
Purple
800080
Red
FF0000
Rosybrown
BC8F8F
Royalblue
4169E1
Saddlebrown
8B4513
Salmon
FA8072
Sandybrown
F4A460
Seagreen
2E8B57
Seashell
FFF5EE
Sienna
A0522D
Silver
C0C0C0
Skyblue
87CEEB
Slateblue
6A5ACD
Slategray
708090
Snow
FFFAFA
Springgreen
00FF7F
Steelblue
4682B4
Tan
D2B48C
Teal
008080
Thistle
D8BFD8
Tomato
FF6347
Turquoise
40E0D0
Violet
EE82EE
Wheat
F5DEB3
White
FFFFFF
Whitesmoke
F5F5F5
Yellow
FFFF00
YellowGreen
9ACD32



0000000000330000660000990000cc0000ff
0033000033330033660033990033cc0033ff
0066000066330066660066990066cc0066ff
0099000099330099660099990099cc0099ff
00cc0000cc3300cc6600cc9900cccc00ccff
00ff0000ff3300ff6600ff9900ffcc00ffff
3300003300333300663300993300cc3300ff
3333003333333333663333993333cc3333ff
3366003366333366663366993366cc3366ff
3399003399333399663399993399cc3399ff
33cc0033cc3333cc6633cc9933cccc33ccff
33ff0033ff3333ff6633ff9933ffcc33ffff
6600006600336600666600996600cc6600ff
6633006633336633666633996633cc6633ff
6666006666336666666666996666cc6666ff
6699006699336699666699996699cc6699ff
66cc0066cc3366cc6666cc9966cccc66ccff
66ff0066ff3366ff6666ff9966ffcc66ffff
9900009900339900669900999900cc9900ff
9933009933339933669933999933cc9933ff
9966009966339966669966999966cc9966ff
9999009999339999669999999999cc9999ff
99cc0099cc3399cc6699cc9999cccc99ccff
99ff0099ff3399ff6699ff9999ffcc99ffff
cc0000cc0033cc0066cc0099cc00cccc00ff
cc3300cc3333cc3366cc3399cc33cccc33ff
cc6600cc6633cc6666cc6699cc66cccc66ff
cc9900cc9933cc9966cc9999cc99cccc99ff
cccc00cccc33cccc66cccc99ccccccccccff
ccff00ccff33ccff66ccff99ccffccccffff
ff0000ff0033ff0066ff0099ff00ccff00ff
ff3300ff3333ff3366ff3399ff33ccff33ff
ff6600ff6633ff6666ff6699ff66ccff66ff
ff9900ff9933ff9966ff9999ff99ccff99ff
ffcc00ffcc33ffcc66ffcc99ffccccffccff
ffff00ffff33ffff66ffff99ffffccffffff
preview dahulu , baru save !
selamat mencuba !