tutorial tab menu

saya ni bukan rajin sangat nak buat tutorial, tapi bila ada kawan minta saya buat tutorial ni saya pon buatlah. dia nak sangat tab menu untuk blog dia. nak tau siapa tuan empunya badan? tengoklah blog dia haziq naim .

STEP 1 :

mula-mula fikir dulu nak tab menu tu bentuk macam mana. ikut kreativiti masing-masing. macam tab menu saya yang awan warna pink tu saya buat dengan menggunakan photoscape + power point. pandai-pandailah hasilkan bentuk yang korang suka.

ini saya punya tab menu

STEP 2 :

dah siap STEP 1 korang upload gambar tersebut.  biasanya orang akan upload kat photobucket atau mana-mana tempat upload gambar. tujuan upload kerana kita nak ambil URL GAMBAR tersebut. macam saya, saya upload ke facebook saya je. senang kan, nak url pergi je kat gambar tu right click copy image url (bagi mozilla firefox) . 

STEP 3 :

lepas dah upload, pergi ke

DASHBOARD > DESIGN > PAGE ELEMENT > HTML JAVASCRIPT

<a href= " URL Pages anda " target = " _blank"><img src=" URL Tab Menu " width="155" height = "80" /></a>

 copy kod di atas dan paste ke html javascript. macam saya, ada 5 tab menu kan. jadi saya copy kod di atas sebanyak 5 kali. jadi, kena ada

5 gambar berbeza

5 url gambar ( upload 5 kali )

5 kod html javascript

tips :

Sila letak code <center> dihadapan code korang, dan letak </center> di code yang paling akhir untuk memastikan tab menu korang berada ditengah-tengah..

contoh: 

<center> paste kod di atas 

paste kod di atas

paste kod di atas

paste kod di atas

paste kod di atas</center>

(bergantung berapa banyak tab menu yang diperlukan)

pesanan khidmat masyarakat :

sebarang keraguan, ketidakfahaman atau kemusykilan boleh tanya saya. saya tak garang =)

credit to: kerana manisnya epal