30.1.11

TUTORIAL : TUKAR FONT MENGGUNAKAN GOOGLE FONT API

kura kura main layang layang..
selamat malam korang.haha.. 
(suka btol hancuskann pantun dua kerat..agaga.)

yeahh.jumpa lagi malam nie..kesian EBT  skarang..macam kurang kaseh sayang dr mirul &
solehah je kn..huwaa.. bawak betendang betenang ye EBT..solehah bz cket skarg.mirul
pulak.asek jalan jalan makan angin.hahaha..korang..tengok blog  solehah nie ha.cepat!!
cepat!!haha ..amacm??ada tengok font??hehe..cumill kan..ekeke.meh solehah ajar korang
cmane  nak buat..silah oh silah..awak cepat cepat la buat tutorial nie.solehah dh siapkan.
hehe..okei2.teruskan yep..dh buat tu,.diam diam..tutup mulut.. *senyummm..

LANGKAH 1.
  • mula mula.korang pilih font kat sini okei..yg korang ase menarik tetarik gitu..hehe.. GOOGLE FONT DIRECTORY .
  • klik je font yg korang nak..dh klik font tu..pilih USE THIS FONT.
LANGKAH 2 
  • ha.sblom tu.korang bukak NOTEPAD dulu okei. copy coding yg mcm nie.

<link href='http://fonts.googleapis.com/css?family=Schoolbell' rel='stylesheet' type='text/css'>


PERINGATAN!HEHE..
JANGAN LUPA TAMBAH  "/" selepas text/css' .
jadi.yg paling belakang tu.jadi mcm nie. type='text/css'/>

sungguh  sensitiv yep koding nie.hehe.ari tu solehah tukr font.. 1st tyme .
rse nak gigit laptop je tw sebab asek error..tapi.dh tambah tnda tu.okei dh.

LANGKAH 3
  • korang dah copy kod kt langkah 3..ambik yg nie pulak..

<style>
h1 { font-family: 'Schoolbell', arial, serif; font-size:22px; }
h3 { font-family: 'Schoolbell', arial, serif; font-size:22px;}
.post-body { font-family: 'Schoolbell', arial, serif; font-size:22px;}
.sidebar {  font-family: 'Schoolbell', arial, serif; font-size:22px; }
</style>


p/s : pastikan nama font sama okei.nanti x jadik pulak.

LANGKAH 4 
  •  untuk h3 tu..title post korang,, post-body pulak font dalam entri..sidebar..font kt sidebar  :) size korang bleyh adjust kat ctu.
LANGKAH 5
  • ha.blom siap tw..dh complete smua.bukak DESIGN > PAGE ELEMENT >EDIT HTML. cari koding nie ha..  <head>
LANGKAH 6
  • dh jumpa korang copy koding kt notepad tadi.paste letak kat bawah <head> okei.dh siap..PREVIEW dulu tw.kalau dh okei.SAVE je trus..



ha.kan dh cumill cmtu.haha..bejaya tak buat??klau x bejaya jugak..bgtau solehah.. :)



24 comments:

Faiz Zaini said...

ni.. klu aku tukar ni, entry lama2 pun dia tukar skali ke font tu

♥ solehah ♥ said...

@mofaizmz

yaa..smua tukar skali..
hehe... :)

Mr. N said...

mane ko tw ni?? =_="

♥ solehah ♥ said...

@sembil9n

taw apa?font nie? :)
ko tgok dr cni..
kaji satu2..dr getting started klau rajin.hehe :)

http://code.google.com/apis/webfonts/docs/getting_started.html

NADIA RAJAMI said...

Yang schoolbell jak yang tukar ka??.. :)

♥ solehah ♥ said...

aok..ya jak..mun kitak mok tuka saiz font pn dpt juak.. :)

Anonymous said...

lehah..kne tuka jenis font plak erh yg h1 h3 n so on..
byk jgk...
adoihh...

Anonymous said...

lehah..kne tuka jenis font plak erh yg h1 h3 n so on..
byk jgk...
adoihh...

♥ solehah ♥ said...

@i am S!L4H..

ha?yg mne silah..
edit yg mcm koding lehah bg tu..
yg default lm template xyah tuka.hehe :)

NADIA RAJAMI said...

xjadi la... ny bertukar besar da la.. huhu

♥ solehah ♥ said...

@Dya

aie...yaka..pahal oe,eran juak eh..
hehe//bah2..xpa..ktk add fb kei..
klak kmk tolg ktk :)

nUrUdAyaNa said...

nape sy xjdik.......
waaaaaaaa

♥ MISZ hazNie said...

erm....tuk post nyew xjd...awat erk?

Nurul Jannah said...

sis , saya buat jadi tapikan kenapa kat post title and font dalam entry dye tak bertukar font . yang bertukar kat sidebar jea :)

♥ solehah ♥ said...

@Иʋяʋℓ Ĵαииαн :Ɖ

pkai template ape?designer??

.:: eFaA ::. said...

leha..fa wat jdik taw..tap untuk font lam entry ta jdik..nape et??

♥ solehah ♥ said...

@.:: eFaA ::.

xjadik ek kt post.okeh2..nnti solehah tgok blog fa jp lg :)

mas saari said...

saya dah try buat...
tapi kenapa font entri je yang bertukar...
font kat header, post title n sidebar tak tukar pun??

♥ solehah ♥ said...

@mas.saari

nk tuka post title..
akak try tuka h3 dgn yg nie..

h3.post-title

pstu.tmbh satu lagi koding yg sama.

tuka ngn h2.
(nk buat title sidebar)

*sebb template tak sma,,sebb tu xdpt...hehe :)

Siti Noraisyah said...

Siti dah try.. tapi font kat entry still same je.. tak bertukar pun.. camne ek?

♥ solehah ♥ said...

@Siti Noraisyah


try tuka .post-body dgn kod yg nie..

.main-inner

Elis said...

thanks sngat smart!

farrahusna said...

kak solehah , jadi tu jadi la . tapi buruk jadinya , cuba tengok blog saya .
http://unapunyablogjangankacau.blogspot.com

Miss Lemonade said...

help me..!!!xjadi

 
Design by AH|SW |Empayar Bintang Tiga 2013