13 February 2009

Tutorial : Tricks!


Tricks ka?? Short course lagi. ini tutorial untuk add background color kat sidebar titles.
macam yang den punyo ni...yang berkaler pink gitu...
Pada sesiapa yang berminat, meh le try buat.

pesanan : untuk gambaran yang lebih jelas dah jitu..sila klik pada gambar ye!


Step 1 :
Customize ----> Edit HTML




Step 2:
Korang nampak tak yang den highlight tu? cari coding tu dulu yo..


Step 3 :

Bila dah jumpo, sila tambah coding berikut :
( rujuk pada tulisan kaler merah, tu coding untuk kaler yang kita pilih.)
kebiasaan templates, macam ini :

h2 {
background:#ee68b1;

Cth : #ee68b1 adalah kaler pink spt yang tertera kat blog den tu.
ikut korang la nak kaler apa.
nak tau coding kaler, sila rujuk kat Fonts and Colors tu.





ok, kalau kita nak bagi tulisan tu duk center, tambah selepas tu 'arahan' ni :

text-align:center;

kalau nak bagi duk kiri; tukar le Left
kalau nak bagi duk kanan, tukar Right



Step 4 :
OK dah. Siap! Preview dulu the template. Jangan save lagi.
Kena confirm dulu yang sidebar header styles blog korang tu betul2 situated.
Dah pueh hati, baru save.





nanti-nanti kito belajar lak cam mano nak
add background image kat sidebar titles pulak yo!

Selamat mencuba!


Chop!
jom, kita pergi nonton Geng : Upin & Ipin!


8 comments:

  1. wah yong...marvellous gitu!!! hukhu..nanti akak try la..tq for sharing...

    ReplyDelete
  2. very usefull yong !!!


    and, nak mintak izin
    nak link this entry to my blog yea...
    senang skit kalau org tanya...suh masuk link ni je

    ReplyDelete
  3. kak...thanks share tutor..ja da try..besh..besh..tq..

    ReplyDelete
  4. fuyooo yong terror laaa.. yong suka main ngan coding yer saya nie fobia coding hahaha

    ReplyDelete
  5. bila la saya ada masa nak godek blog sendiri..huhuhu

    ReplyDelete
  6. nape biler dh edit html jd dua2 color...cuab tgk blog saya tuh?
    any suggestion?

    ReplyDelete