Tuto Menubar Kat Header

ai 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: 250px; left:380px;'>


<a href="http://inilahcoretankehidupankami.blogspot.com/search/label/Sumaiyyah" ><img src="http://i.imgur.com/SKM82AY.png" alt="Owner" name="owner" width="130" height="60" border="0" /></a>



</div>

<div style='padding-left:0px; position: absolute; z-index: 300; top: 180px; left:380px;'>


<a href="http://inilahcoretankehidupankami.blogspot.com/search/label/Qayyum" ><img src="http://i.imgur.com/FcZQQx4.png" alt="Owner" name="owner" width="130" height="60" border="0" /></a>



</div>

<div style='padding-left:0px; position: absolute; z-index: 300; top: 110px; left:380px;'>


<a href="http://inilahcoretankehidupankami.blogspot.com/search/label/coretan%20ku" ><img src="http://i.imgur.com/w9J4PZt.png" alt="Owner" name="owner" width="130" height="60" 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 DAN JIA KREATIF

1 comment:

Anim Daim said...

kak,ad tak code minima yang non -edit ?sy nak ,sbb sy da try gne yg templte akak guna tu tp confuse nak edit sebb akak da edit code tu