Cofee Munchy
Turtorial : Cara Membuat Menu Tab :D
Tuesday, 6 December 2011 | 03:40 | 0 Cofee
semalam ada orang buat request dekat saya mintak ajarkan cara buat tab menu..sebenarnya, ni pon first time saya buat and alhamdulillah jadi..so sekarang ni, saya nak share plak cara fy buat tab menu..

1. mula2, kene design tab korang sendiri..kalau rajin nak search terpulanglah tapi saya buat sendiri je..untuk design tab ni, saya guna adobe photoshope, senang nak maen by layer..layer 1st, saya amik dari layout blog saya supaya nampak match..send layer amik je dari object and pilih warna y seswai..lastly, barula taip nama tab tersebut..

Remove Formatting from selection
size= width 120px, height 40px
width berubah mengikut panjang perkataan..=]
2. bila da siap, bolehla terus upload..dan menjadi kebiasaan, saya akan upload dekatphotobucket.com. kalau nak guna y laen pon boleh contohnya, http://imageshack.us/. terpulangla, atas keselesaan masing2..da upload amik html code dia..


3. lepas 2 pergi Dashboard ->Design -> Add a Widget ->HTML/Javascript. paste code y da copy tadi..bila da siap paste, korang klik Rich Text. inilah rupanya..

sebelum klik

selepas klik

4. step terakhir adalah link kan setiap button dengan page y korang nak..misal kata korang nak buat satu tab tutorial. blog korang mesti ada widget label kan? korang klik je link turorial pada widget label 2, then korang copy url dia..contoh macam ni..

link y korg da copy 2, korg letak la kat button TUTORIAL. cara dia macam ni..highlight button tutorial, klik button link (tgk pada pic kat bawah) dan pastekan link td..lepas 2 save la..

da pun siap..maka korang pon adala tab menu buatan sendiri..kan kan? 
                                             SELEMAT MENCUBA !

Older Post | Newer Post