Cara Tukar Font Title dan Sidebar

Tuesday, December 07, 2010

Assalamualaikum..

hi uols..da breakfast?

baeklah..sebelum ni memang ramai da tanya camne saya ubah font untuk title tu..hhehe..meh nak tunjuk cara meh..oh yeah..thanks to kevin & amanda ye

but 1st, saya kasi tahu oke..memang banyak gile kerja tau..step yang rumit-rumit belaka, dan paling tak best, kena download banyak file..haha..gile punya nak kasi korang takot...

jadi, perlu kesabaran sikit la..ape pon, bila dapat buat, huwaa...kepuasannya..bukan maen-maen yee...ehhehe

oke, mari mulakan...
step pertama 
download semua file-file berikut. (right klik then amek Save target as atau Save link as


1. Blogger-sifr *kalau guna template baru blogger, bole try yang ini oke Blogger-sifr
2. sifr.js
3. index
4. sifr.css


step kedua
download pulak jenis font yang korang suka...bole try cari kat sini oke..Dafont.com

da download, sila extract File font tu. ada tak file yang bertanda .ttf? contohnya Spongefont.ttf..oke good..


step ketiga
pegi ke sIFR Generator ni, then upload pulak jenis font yang da download kat step 3 tadi..ikot je step ni oke..

Upload file font, yang ".ttf" oke..



oke..lepas klik download tu, file .ttf akan tukar kepada .swf


step keempat
sila register kat Webs.com ni oke..haha..kan da cakap banyak keje..korang sabar je oke..kehkehekee


step kelima
da settle register? pegi kat setting, then File Manager
Klik Single File Uploader, then UPLOAD kelima-lima file yang uols da download dalam step 1, dan step 3
 1. blogger-sifr
2. sifr.js
3. index
4. sifr.css
5. Font.swf (yg ni dalam step 3 tadi)


step keenam
da siap, klik kat file berformat .swf (file font tadi) dan dia akan keluar tulisan yang uols pilih tadi, tengok kat address bar, COPY link file font tadi..contoh :
"http://mia.webs.com/spongefont.swf"



step ketujuh
Back balik tempat tadi, cari pulak file blogger-sifr.js, then klik situ 

korang tekan pencil tu oke..


step kelapa kelapan
cari code ini
var kevinandamanda = {
src: 'http://username.webs.com/fontname.swf'
};
sIFR.activate(kevinandamanda);

kat second line anda akan jumpa ini
 src: 'http://username.webs.com/fontname.swf'
 DELETE link yang warna biru tu dan gantikan dengan link font yang uols da copy pada step 6 tadi..
AWAS..jangan delete tanda '..' contoh :
 src: 'http://mia.webs.com/spongefont.swf'
bila da habis edit semua, klik save (gambar disket)


step kesembilan
oke now, pegi ke dashboard > edit HTML > dan tick expand

then cari (ctrl+f) code ini
</head>
da jumpe? sekarang copy code ini dan paste di ATAS code tadi
<link href='http://username.webs.com/sifr.css' media='all' rel='stylesheet' type='text/css'/>
<script src='http://username.webs.com/sifr.js' type='text/javascript'/>
<script src='http://username.webs.com/blogger-sifr.js' type='text/javascript'/>
sila tukar username itu kepada username yang uols guna mase register webs.com tadi.

 last step (^^,)
Sila preview dulu, then baru save. tulisan tukar lambat sikit..jadi bersabar oke..

oke..tulisan tu korang bole tukar-tukar oke..tapi tak payah macam ni la..hehe..tu later sata kasitahu ye..

selamat mencuba uols..

~wassalam~

You Might Also Like

39 Comments

  1. panjong bebeno care die..

    ReplyDelete
  2. mule2 mira wt xjd,,lame2 bru jadI ;d

    ReplyDelete
  3. mak oi..susahnyer....
    tak pe la...setia je ngan tulisan biasa ni dulu..
    hehe

    ReplyDelete
  4. tanak buat. panjang sangat.
    tolong buat boleh tak? haha

    ReplyDelete
  5. Abg Ak x leh nk download blogger-sifr dan sifr.js

    ReplyDelete
  6. mia...nak try tapi tenet mmg slow giler...
    nak tukar layout n kemaskn belog...adushhh...hehehe

    ReplyDelete
  7. susah giler..buatkan kalong je laahaha

    ReplyDelete
  8. @momoyyanyzz

    ehehhe..wah kan dear..da try x?ehehhee

    ReplyDelete
  9. @sekuk tawa

    mmg complicated sikit..ehehee

    ReplyDelete
  10. @twinkle twinkle

    da jadi da ek mira?yeah..nk tgk nnti

    ReplyDelete
  11. @mama wanie

    hehhee..bole je sis..comel jugak font biase je

    ReplyDelete
  12. @kembatolo™

    hahhaa..bole je..nnti tgu cuti oke

    ReplyDelete
  13. @Awangku Johan

    hehehe..tu la, kan mia da ckp bang..

    ReplyDelete
  14. @yuyu

    oh..yeke yang, xpe, tgu mia cuti ek..nnti mia buatkan

    ReplyDelete
  15. adeh
    dulu ina penah try
    pastu xjadik
    pastu malas trus nak buat
    hehe~

    ReplyDelete
  16. @~SukEMakAn~

    hehhee..mia pon mula3 mcm tu yang..try byk kali..last3 jadi jgk..ehekheke

    ReplyDelete
  17. akak.. klu 3 column .. nape hnya 2 column jer jadi?

    ReplyDelete
  18. @beela

    tu perlu pndai godek coding yang..akk pon mula3 jadi sebelah je..but ubah sane sini coding, jadi okee

    ReplyDelete
  19. slm...susah dan pening...tak dpt buat.takper r...kai je biasa2.

    ReplyDelete
  20. @Julia

    wassalam, mmg complicated sikit..but if ikot step by step, insyaALLAH jadi

    ReplyDelete
  21. kak , knp ble dh jd , cute icon kt title post tu hilg eh ? thanks :)

    ReplyDelete
  22. kak , knp ble dh jd , cute icon kt title post tu hilg eh ? thanks :)

    ReplyDelete
  23. @inilahidupsaia

    owh..akk tak sure pulak kenapa yang..myb kene tambah balik kot..

    ReplyDelete
  24. waa!! Dah jadi alhamdulillah.!! :D

    Dulu, masa ikut tutorial kevinandamanda tu, tak jadi, maybe sebab penerangan dia panjang sangat, so saya pun jadi blur. Tapi sekarang dah jadi hasil bantu akak! Tq! ^^

    ReplyDelete
  25. @iEra NaDiRa

    yeaahhh..hehehe..thniah dear brjaya buat

    ReplyDelete
  26. akak , bila hani dah paste code yg dah siap tu , font dia x kluar lh ? huhuuhu

    ReplyDelete
  27. font tu lambat sket kuar yang..akk pon buat 2 kali buat baru jadi,hanie try lagi ea..kalu xleh, bgtau akk..

    ReplyDelete
  28. salam..kali ni da putus ase gile ni..tlg watkan leh??wawawa

    ReplyDelete
  29. @lee sun mi

    hehhee..oke, nnti free, akk tlg kamu oke..

    ReplyDelete
  30. Nak letak kat sidebar tak boley pum :(

    ReplyDelete

SHARE LINK ANDA DI SINI

<a href="URL LINK BLOG U OLS"> NAMA BLOG U OLS</a>

thanks for dropping by...
^__^