23 Dec 2014

Buat menu tab bercantum

Assalamualaikum

Haritu ada yang 2 orang request camne nak buat menu tab rapat-rapat macam blog aku ni. Senang je nak buat, cuma kena crop rapat-rapat je. Ni gambar contoh menu tab tu ya.
caranya;

1) Bukak photoshop, adjust width ikut lebar blog korang, height tu boleh buat sependek-pendeknya bagi menjimatkan ruang. cth:(990x50)

2) Pilih apa-apa bentuk. Buat bagi sama panjang dengan width.
Crop mana yang lebih

3) Tulis apa-apa yang korang nak tulis untuk tajuk tab tu

4) Crop satu-persatu mengikut tajuk tab. Kena pandai bahagikan jarak supaya bila nak masuk dalam blog nanti jaraknya sama-rata

5) Lepas crop, save as png. Kemudian ulang step 4 dan 5 sampai habis

Dah siap save semua, masukkan dalam blog. (credit tuto)

Dashboard>Layout>Add a Gadget>Html/Javascript

Paste kod ni
<a href= " URL Pages anda " target = " _blank"><img src=" URL Tab Menu " width="155" height = "80" /></a>
Url tab menu boleh dapatkan kat sini 

kalau nak tau width & height dengan size yg tepat boleh lihat kat folder yg korang dah save menu tab tu :)


Kalau ada apa-apa yang tak faham, boleh tanya. 

Thanks for reading!



10 comments:

  1. Akak tak pandai photoshop jadi memang tak pandai buat benda macam ni.

    ReplyDelete
    Replies
    1. samelah...kita pon lemah fotoshop...kita suke guna fotor dengan picmonkey jer...lagi xyah bayar...ehheheheh :D

      Delete
  2. nak tanye kenapa bile saya search google pasal entry blog saya dia keluar google plus??

    ReplyDelete
  3. macam susah. hehe. tak pandailah nak buat benda ni. hehe

    ReplyDelete
  4. ina belum pernah try lagi tapi nice sharing kak mazni! nanti boleh lah ina try ;))

    ReplyDelete
  5. okayyyy. sayangggggg mazni!!! hehehe. inshaa Allah kalau tak besok.. jumaat akak try buat. terima kasih sangat!!

    ReplyDelete
  6. Susahnya.. :o Nanti bila free nak cuba buatlah~ Trimas. ^^

    ReplyDelete
  7. Akak kenapa ya saya punya image yang last sekali tak bercantum? Yang lain semua okay ja bercantum. Saya dah crop betul2. Stress pulak lama2. Dah try buat macam2 still tak bercantum... Hwahaha.. T.T

    ReplyDelete
  8. hehhe dalam laptop akak ni photoshop pun tak ade =)

    ReplyDelete
  9. akk sy dah siap buat.. cuma.. knp dia berjarak jarak?

    ReplyDelete

Nak komen apa? silakan~