Tutorial Membuat Tab Menu Cantik ( dekorasi sendiri )

بسم الله الرحمن الرحيم

Salam..
Sebelum ini shahril dah buat tutorial tab menu tapi versi blogger..ia amat simple..so sekarang shahril ajar yang cantik punya tab menu tapi u all kena rajin la ye..jangan malas! kena rajin nak dekorasi dan edit2 ok..
shahril pun terpaksa design untuk blog tutorial walaupun shahril lagi suka simple tab menu

1. First sekali u all kena design dulu box dia macam ini..ikut kesesuaian ye..shahril guna photoshop je.

Ini contoh tab menu shahril...size= width 125px, height 40px
width itu u all kena edit ikut saiz dan panjang tulisan ok!

NIE CONTOH NYA... 


Di mana nak edit ? u all boleh guna Photoshop atau kalau nak senang guna Photoscape


2. Lepas dah design semua itu tolong upload ke Photobucket..kalau tak ada akaun sila buat akaun..atau kalau dah ada akaun lain untuk get picture html tak perlu guna Photobucket


3. Lepas itu ambil HTML code dan pergi ke Design> Page Elements > Add a Widget>HTML/Javascript

Letak semua html code yang u all design tadi..ke dalam add widget seperti ini..


4. Selepas itu click RICH TEXT...dan akan terjadi seperti begini..




5. Selepas itu susun la dia ikut turutan yang u all suka..dan link kan box-box itu mengikut URL web yang u all nak boxkan...klik box dan tekan create link di sini..

yang sepeti i kotakkan itu..

6.. SAVE..try tengok..

p/s : nak center just letak code ini <center>  bahagian first skali dan </center> bahagian last skali. 

SUMBER

KaDaNg-KaDaNg Allah HiLaNgkAn SeKeJaP MaTaHaRi KeMuDiAn DiA dAtAnGkAn PuLa GuRuH dAn KiLaT,PuAs KiTa MeNcArI Di MaNa MaTaHaRi,RuPa-RuPaNyA Allah InGiN MeNgHaDiAhKaN kItA PeLaNgI yAnG iNdAh ~