20 November 2011

Tutorial Tab Menu Yang Cun Ge-gila

Assalamualaikum kawan-II !



Hehe *gelak tibe-II . Yeay yeay kita tukar header . Ngeh ngehh ngehhh :3
Okey tak ? Sebenarnya kan Daya nak tunjuk baju dalam header tu tapi tak nampak pulak kann . Huhu . Nak tau baju ape ??!! Aummm Aummm ! Hehe baju MALAYSIA !! Semangat nak tunjuk baju tu tau . Haha

Biasa laa perempuan memang macam nie . Jakun kalau beli baju bola nie . Lelaki dah biasa dah kan . Bertimbun baju bola dekat rumah . Siap bawak tidur lagi ! Haha . Berbeza gila , nie baru pasal bola belum pasal INI lagi . Weee

' Cikgu Daya nak ajar apa harinie ?! '

Haa meh Daya bisik :: mahhfieruyriewjfidhe , bonjourr !

Faham ke ? Heheh tu bahasa alien , nie bahasa Melayu pulak . Tengok laa contoh dekat bawah nie .



*dalam bulatan MERAH

Daya nak ajar macam mana nak buat Home , Miss D , Tutorial , Freebies tu dengan icon rama-II yang comel macam zombie tu .

Cara nak buat Tab Menu Yang Cun

 Buat tab menu korang . Tak kesah laa nak buat dekat mana pon . Photoscape pon boleh . Photoshop lagi cun laa kan . Daya punya tu buat dekat photoscape je . So tahap lawa jela ..

*Buat dekat photoscape
Tak ada ? Download dekat SINI


Bukak photoscape korang lepas tu pilih ' Editor '
Tetap kan size yang sesuai laa kan untuk blog korang . Kalau Daya , Daya guna
width : 154 , height : 50



Pilih bentuk yang korang nak buat . Bulat ke rectangle ke . Cehh speaking London pulak
kan . Heheh .. Tak nak bentuk pon takpe . Tulis je .
Lepas tu tulis perkataan yang korang nak , 
untuk contoh Daya tulis ' Daya ' .. Then , save .. Nak buat lagi , korang klik je
tulisan ' Daya' tu , tulis yang lain pulak . Then , save lagi .
Ulang benda yang sama tau . Tulis , save , padam , tulis balik .

* Transparent dekat GIMP
Tak ada ? Download dekat SINI



Bukak GIMP lepas tu tekan ' File ' untuk upload gambar yang korang buat tadi tu . Tekan Layer ( bulatan MERAH ) --> Transparency --> Add Alpha Channel ..



Untuk kotak yang nie , pilih yang bentuk macam kayu magic tu . Heheh . Dalam bulatan merah tu eh . Langkah seterusnya korang tekan background yang putih dekat gambar yang korang masukkan tadi . Then tekan ' DEL ' dekat keyboard korang . Buat dekat semua background putih okey .


Dah siap transparentkan korang pon tekan laa File--> Save As .. Keluar kotak macam dekat atas nie . Save as PNG tauuuu !


 Dah save korang pergi pulak SINI untuk amek code gambar . Nak upload dekat Photobucket pon boleh . Tengok gambar dekat bawah nie untuk tau cara-II upload .



Copy code ' HTML Image ( website & blog ) .

Upload semua gambar korang yang korang dah buat dengan cantik tadi .


  Sekarang dah sampai ke-kemuncak ! Bukak blog korang lepas tu ..





Paste code yang korang amek tadi . Lepas tu tekan 'Rich Text' . Keluar gambar kan ? * Comel gambar korang ><


Contoh gambar yang keluar lepas tekan 'Rich Text'
Korang punya keluar gambar yang korang buat laa tau. Haha takkan keluar
yang nie jugak .

Ulang cara yang sama kayy . Paste code lepas tu tekan ' Rich Text '

 Icon Sebelah Tab Menu ( Rama-II )

Pastekan code nie sebelum gambar korang tadi tu

<img src="URL ICON" width="30" u="" />


Tekan Edit Html lepas tu tekan balik ' Rich Text '
nanti keluar laa icon korang tu ..


 Freebies Icon ::



http://dl9.glitter-graphics.net/pub/683/683159rzzxdxhqsx.gif



http://dl4.glitter-graphics.net/pub/371/371104i9u4viatgj.gif



http://dl10.glitter-graphics.net/pub/683/683160hsjdvlm9pc.gif



http://dl.glitter-graphics.net/pub/683/683161uzgzs19say.gif



http://dl7.glitter-graphics.net/pub/683/683157lywta4h14o.gif

Kalau nak cari yang lain korang boleh laa cari dekat KEDAI INI 

Huh siap pon ! Penat lelah Daya buat . Weeee . Korang suke tak nie ? Hehe Daya tau korang suka ! *Perasannnn

Dah dah Daya nak pergi jaga baby nie ( sedara , comel ge-gile bhaii !! ) . Good Luck ! <3
*Yang berukband dia lembab tu , mintak maaf sangat-II sebab ada banyak gambar . Boboiboy ! <-- ( byebye cara baru )


16 comments:

★iela_kiera★ said...

thanks 4 diz tuto!!! tuto ni yg sye tunggu!!

AmiraJKfollower said...

photoscape dh ada,tpi GIMP tuh bile dh download,still tak leh nk bukak.But i keep trying^^

Batrisyia Anis Azrin said...

Ohsemmm tuto!

Amiera Ellysha said...

tq ! menjadi :)

aila vendetta said...

tenggs soo much yaya! this want la yang saya nak~ mekaseh :)

Daya The Sixth ! said...

@★iela_kiera★ Jyeahh orang first komen !! <3

Daya The Sixth ! said...

@AmiraJKfollower Good-II ! Teruskan bersabar . Ngeh ngeh negh ^___^

Daya The Sixth ! said...

@Batrisyia Anis Azrin Thanks adek sayang :')

Daya The Sixth ! said...

@Amiera Ellysha Same-II ! Thanks bace tutor Daya jugak :D

Daya The Sixth ! said...

@aila vendetta Harap-II membantu kamu :)

Wan Nie said...

Kak daya , Nape kalau kite tekan menu yg kite buat tu die keluar tempat yang kite copy gambar tu ??
Harap akak faham soalan tu yer...

Penyu Inflakasta said...

Kak Daya , serius tak menjady ! Wuwu , page element tu nak letak mana ? Huhux

aila vendetta said...

slm yaya~ daa cantikk! tapi.. ble tkn, x kuar page kte. y yerk ?? -same question like Wan Nie . tenggs :)

marwah_9608 said...

Thanks :) Menjadi dan memang senang la belajar dekat blog Daya :) Terbaik ! 10 bintang untuk Daya ;) Saya harap ada tuto yang lebih menarik lagi . Dan saya sentiasa berkunjung kat blog nie . :)

Anis Sabrina said...

Daya , macam mana nak bulat supaya benda background putih tu hilang? :(

Idad Ruhi Imani said...

salam daya...akk da buat ikot tutorial awak...comel...tpikn...macam mne kite nk masukkn post atau pon bahagian2 dkt menu bar kite buat 2...