Tutorial Buat Tab Menu Comel

Salam All !~
Hey korang. Tadi I ada terima request dari Kue Ziya. Beliau tanya I macam mana nak buat tab menu yang cute-cute macam I punya tu. Cute ke? HAHA! oke. actually senang je. Tapi banyak kerja sikit la kena buat. Kena sabar la ye. oke. Jom kita belajar macam mana nak buat tab menu tu ye.

First of all. Korang kena ada Adobe Photoshop. Bagi I, guna Adobe Photoshop ni lagi senang kot. Kalau nak guna Photoscape pun boleh jugak. Cara nya sama je sebenarnya. Cuma kita kena pandai-pandai lah aplikasikan nya dalam blog kita.

1) Buka adobe photoshop, pilih new. Then dia akan keluar pop-up macam kat atas ni. Make sure korang pilih saiz yang bersesuaian. Tak mau terlalu kecil atau terlalu besar. Yang sedang-sedang saja oke. Then, korang pilih transparent untuk bahagian background contents. Kalau nak yang ada warna kat belakang, korang pilih la background color.

2) After that, lepas dah pilih-pilih background tu, korang klik la OK. Then dia akan keluar pop-up macam kat  atas tu. Comel je. 

3) Lepas dah keluar kotak macam tu, korang klik la huruf 'T' yang ada kat tepi tu. Itu untuk tulis-tulis.

4) Then korang pilih pulak jenis font apa yang korang nak guna. Pilih la yang comel-comel. Baru la tab menu korang akan comel jugak. Oke. Untuk tukar warna tulisan, highlight words yang korang dah taip macam I buat kat atas tu, and pilih aje color apa yang korang berkenan di hati.

5) Dah lepas tu save la. Make sure korang pilig format PNG oke.

6) Dah lepas save, korang buka Photobucket pulak. Kegunaan photobucket adalah untuk menterjemahkan gambar korang tadi ke dalam bentuk tulisan html. Ingat! Benda ni wajib buat tau. Kalau nak guna Imageshark pun boleh. Tapi I lebih selesa dengan photobucket. Korang upload dulu.

7) Then korang copy HTML code. 

8) Lastly, korang apply la apa yang korang copy tadi dalam blog korang. Design - Add a gadget - HTML/Javascript - Paste HTML code yang korang copy dalam photobucket tadi.

UPDATE!!

Sorry tau korang. I ada tertinggal sesuatu rupanya. oke. Nasib baik Kue Ziya tanya I balik tadi. Pasal nak letak link untuk tab menu yang korang dah buat tu. oke, korang faham tak ni maksud I?? oke. macam ni. Kita buat tab menu kan untuk memudahkan kita direct click ke page yang kita nak kan? So, bila kita click je tab tu, secara automatik dia akan direct ke page yang kita kehendaki. So, meh I ajarkan ye.

Merujuk kepada step yang ke-7. Korang kena copy HTML code kan? so, when kita dah copy html code tu, automatic bila kita paste dekat step ke-8 tu, akan jadi macam ni kan??...   

<a href="http://s44.photobucket.com/albums/f23/nurul_izz/?action=view&amp;current=tutorial3.png" target="_blank"><img src="http://i44.photobucket.com/albums/f23/nurul_izz/tutorial3.png" border="0" alt="Photobucket"></a>

So, korang hanya perlu menggantikan code yang I highlight tu dengan link yang korang kehendaki. Maka, secara automatic bila korang click je tab tu, dia akan terus direct ke page yang korang nak. Amacam? senang tak?? :')

oke. Done. Senangkan? hmm. try lah. mana tau membantu korang nak mencantikkan blog korang? Tak susah. Cuma kena rajin bertanya dan lawat blog-blog yang banyak tutorial. InsyaAllah korang boleh. Selamat Mencuba!