Tutorial buat button tab menu dengan menggunakan photoscape

Assalamualaikum =D

Ok, kembali bertutorial. Tadi huda dah buat simple tab menu (ala, yang menggunakan tulisan tu je). So, sekarang ni huda nak buat tutorial button tab menu pula dengan menggunakan photoscape. Untuk pengetahuan semua, huda memang suka guna photoscape bila nak edit - mengedit freebies ni =D

Ok, dekat bawah ni step dia. Tapi maaflah agak panjang =D

Step 1 : Cara buat button tab menu dengan menggunakan photoscape

1. kalau tak ada photoscape TEKAN SINI untuk download

2. photoscape > Editor > New Photo

korang akan dapat satu page macam ni (gambar)

2. Sekarang ni masa untuk buat button tab menu korang

follow step dekat picture atas tu

gambar : step untuk buat bentuk menu tab

menu tab sudah hampir menjadi =D

Gambar : Step untuk membuat tulisan pula

follow step dekat atas tu

Ok, simple menu tab korang sudah siap! =D

Step 2 : Crop picture (bagi gambar tu kecil, kalau tak besar menu tab korang nanti).

Follow step dekat picture tu.

Siap crop? Ok, boleh save. =D

Step 3 : Transparentskan picture

Untuk transparentkan picture korang boleh guna photoshop dan juga GIMP. Untuk transparentkan guna photoshop boleh SINGGAH SINI (tuto by Lyysa Faizureen), manakala kalau korang nak guna GIMP pula boleh SINGGAH SINI (tuto by Farahuda)

Step 4 : Masukkan dalam blog

1. Dashboard > Layout > Add A Gadget

Kalau korang nak letak TAB MENU dekat bawah header TAK PAYAH letak title TAPI kalau nak letak dekat sidebar, its up too u =D

2. COPY code dekat bawah ni dan PASTE - kan dekat HTML/Javascript (gambar di atas)

<center><a href="URL PAGE KORANG"><img src="URL IMAGE KORANG" /></a><center/>

NOTA :

Warna Purple : Letak URL page korang

Warna Merah : Letak URL image korang --> TEKAN SINI untuk dapatkan URL Image korang (tutorial)

3. Ok, dah siap! SAVE dan lihat hasilnya =D

Selamat Mencuba dan Semoga Berjaya =D