Nov 2, 2010

Cara Membuat Drop Down Menu Bar

Kali ni saya nak share tutorial membuat drop down menu bar.. Jenuh jugakla saya mencari tutorial ni, akhirnya terjumpa jugak yang simple but nice (bagi mata sepet me la..) Ini contoh menu bar blog Belle ini..


Macam biasa, pi kat Dashboard > Design > Edit Html... Sebagai langkah keselamatan, sila save dulu template uols sebagai backup.. Pehtu, tick kat Expand Widget Templates, then search </head>, copy code ini dan paste sebelum </head>.

 

Sebelum paste, sila ubah code warna #324143; /*DARK-GREEN*/, #8EA344 dan #A9C251; /*LIGHT-GREEN*/ mengikut kegemaran uols. Nak cek code warna leh tengok kat sini.. Dah paste & save, sila pi kat Page Elements > Add a Gadget > Html/JavaScript type, then paste code ni kat widget tersebut..



Tukarlah nama menu tu mengikut kehendak uols, then save, maka letak widget tersebut di atas blog post ataupun bawah header, whichever is ur preference and voilaaa!!

credit : sini 

6 comments:

  1. ssyg akak ketat2! yeah..suzie nk try..

    ReplyDelete
  2. kak xleh.dier kua ni

    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The element type "head" must be terminated by the matching end-tag "".

    ReplyDelete
  3. a`a la... i pye pun kuar msg yg sama...

    ReplyDelete
  4. suzie : huhuhu..kalau maksud camtu biasanya suzie tak tutup balik ngan /head

    dni : torai jangan tak torai..

    nini : cuba rujuk kat page yg saya credit tu..kalau tak dpt, let me know..

    ReplyDelete