Selamat Sejahtera Readerz..
Today,, fatin buat tutorial untuk buat TAB MENU..
Fatin buat pun coz ada permintaan dari KAI AZMIER,,
Firstly,, u'ols mestilah decorate TAB BAR yang u'ols inginkan..
Macam ni yang bawah ni sebagai contoh ;
Fatin kali ni,, nak ajar u'ols design TAB BAR yang simple menggunakan PHOTOSCAPE..
Step 1 : Pilih wallpaper yang u'ols suka,, open at PHOTOSCAPE.
Then,, plih resize > reduce the longer lenght 100px
Pastu picha tu jadi kecil,,
nak dapatkan TAB yang mempunyai height n lenght yang cantik,,
2nd step : Pili crop > 1:2 > then Crop la
3rd step : U'ols pergi kat Home,, then,, pilihlah Frame yang u'ols suka..
Lastly, tulis la apa yang u'ols nak tulis atas tu..
Selepas setiap satu yang u'ols tulis tu,, u'ols save dulu b4 nak tulis yang lain..
faham x?..faham x?.. hehe
So,, selesai sudah design TAB BAR u'ols..
Now,, kita proceed pula macamana nak attach kat page u'ols..
1st step : u'ols select NEW POST,, then upload sume TAB BAR u'ols..
Pastu,, u'ols tekan Edit HTML and COPY sume word kat situ..
2nd step : u'ols pilih Design > add gadget > HTML/JavaScript
then,, u'ols paste sume yang u'ols COPY tadi..
Pastu,, u'ols click dekat Rich Text,, nanti jadilah macam picha kat atas ni..
Last step : Cara nak letak LINK kat TAB MENU..
1st : u'ols select one by one TAB BAR tu,,
pastu u'ols click kat simbol yg macam magnet,,
then,, masukanlah LINK ke mana TAB tu nak di join kan..
Note : Do one by one tau step yang ni..
Dah siap,, so u'ols bolehlah SAVE..
Pastu,, u'ols DRAG kan lah,, gadget ni ke bawah header u'ols..
^_^
Thats All
note : if ada yang u'ols tak jelas,, just ask me ya..
Credit : Sis intanurulfateha
14 comments:
thanks 4 sharing..
thanx! tingin nak buat tapi nti la.. hehe
vry helpful! tq!
azana : welkem.. sharing is caring..
noor fatin : welkem.. rajin2 buatla..
ordinary88art : welkem.. >,<
thnx for sharing.. sgt berguna ne.. =)
kai azmier : welkem.. >,<
wah..bagus la..sharing is caring..:)
edy : hehe.. u r rite..^_^
thnx 4 sharing..even budak it pun..xtaw cmne nk buat..haha
forever love : u'r welkem.. kamu bdk it ke?
macam mana nk drag kan kt bwh header tu ? kurang paham lah .
m5e09u3f29 m9k87v2a58 d7z87g8j81 e5z19o3o03 g9m77e7d74 p6k38l4h32
Post a Comment