Jun 14, 2012

Tutorial#5:Buat menu bar dekat header

hai hai semua.^^;.jam didinding menunjukkan pukul 9.34am.Aku nak tengok berapa lama pulak kali ni aku buat tutor.kuikui..macam nak berdebar2 je.bukan apa takut kawan2 yang buat tak jadi pulak kan kan.
ok..straight to the point..apa itu buat menu bar kat header??
alamak..lupa pulak nak crop( belasah je la) kuikui
nampak tak yang ada arrow purple tuh..hah,itu lah die menu bar kat header.bagi aku menu bar ini sanagat berguna  supaya bile pengunjung yang datang melawat blog kite ni tidak terlepas  link2 penting^^.Nak buat macam ini..insyaAllah senang jugak tapi cuma pening sikit..coz kena adjust kedudukan tulisan owner,order,tutorial ..betul2 dalam kotak.Btw,dengan rela hati aku berkongsi sedikit.tetapi terlebih dahulu nak ucapkan terima kasih kepada Wan hazel( tak kan tak kenal kot^____^) diatas tuto ini.
tuto ini direquest oleh ::

okeylah..mari lah kite mulakan dengan bismilah( wajib... takut tak jadikk)kuikui.
tapi kalu baca kat atas ini..zz cakap susun banner??confius..dah nie.tapi kalu maksud die ini lain untuk aku.sowi la yerr..
  • memula ..korang kena ada header yang memang ada letak kotak2 untuk letak menu bar nanti:macam dibawah
ikut kekreatifan masing2 ok
apabila sudah ada..lega dah..kan.ok..kite ke step seterusnya
  • pergi ke design====> page element===> add gagdet===> HTML/Javascript
  • tapi terlebih dahulu,Pastikan kat page element korang dah memang ada add ruang gadget atas header korang^^. apa pulak ni kan?...tengok tuto kat =====>sini
  • kemudian, copy kod  bawah ini pulak dan paste kan kat new ADD HTML /JAVASCRIPT
<div style='padding-left:0px; position: absolute; z-index: 300; top: 220px; left:150px;'>


<a href="LINK MENU KORANG " ><img src="http://4.bp.blogspot.com/-4qRSo_a_vDk/T9gPkDgeKcI/AAAAAAAADJM/Na-qnkc7u1k/s1600/Untitled-4.png" alt="Owner" name="owner" width="120" height="80" border="0" /></a>


</div>
petunjuk arah:

merah : korang kena adjust la kedudukan die supaya masuk betul2 dalam kotak yang korang buat tadi
biru : buat link mune korang k
hijau:adalah saiz icon yang korang nak buat >>ia boleh diubah.ikut la korang ^^
pink: tajuk menu korang 

  • dah siap ke..?save je terus.kalau korang nak tambah lagi ikut je seperti diatas.cuma copy semula kod ini k..k..ubah la mane yang patut
ok siap .sudah tuto ini.jam menunjukkan pukul 10.17..yea yea..lama jugak aku buat tuto ni. bagi sesiapa yang berjaya atau tidak IKUT TUTO ini ..komen disini ok??insyaAllah aku tolong mane yang aku tahu.aku pun budak baru belajar.
untuk pengetahuan korang tuto ini aku tak ikut 100% dari wan hazel.cuma ambil sebagai guidelines.THANKS WAN HAZEL.

Allah..Maha Besar

12 comments:

  1. @eintan nurfuziex susah pun=) .intan pejam mate pun boleh buat^^

    ReplyDelete
  2. najiah ek..nak tanye macamane nak buat entry yang kiter post dekat home same dengan yang kiter nak letak kat menu bar.tolong ajar plzzz

    ReplyDelete
  3. @PAFSiteerm..x phm la.cth mcm ne yer..:D hihihih.sorry lmbt reply..coz x perasan

    ReplyDelete
  4. aah la kak,sy tak fham yang letak menu bar rekaan sendiri tu ,nak ambik link dye tak tau,,lau yang template lama tau,tapi template baru tu.akak tlg ajar detail leh tak?

    ReplyDelete
  5. kalau nak letak banyak tab mcm mne ?

    ReplyDelete
  6. @Farah Iyrrahcara yang sama.copy balik kod yang dlam blockquote tuh k:D

    ReplyDelete
  7. Akak, kita dah buat, tapi kotak tu tak ada

    ReplyDelete
    Replies
    1. kotak tu kene buat sndiri gune photoshop dik:)

      Delete
    2. also can be done by insert css :)

      Delete

Follow me

Hai.!Saya Jia.

Saya mengambil tempahan full edit blog; ☑personal dan ☑business. ➹Nak yang responsive template blog; insyaAllah boleh request Harga? Yang pastinya mampu milik dan berpatutan. Email: ✉najiahshaharain@gmail.com Whatsapp: ✆0174428730 ☂Untuk review produk boleh email sy :najiahshaharain@gmail.com

Followers