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 |
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 |
- 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;'>petunjuk arah:
<a href="LINK MENU KORANG " ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipyCSTdX5oB5FkA5Hby18hqjo530cIKi2Lgqo5jDa_ODIJjKC_XPR5-14mXMpsALEUtK8ji4vaSCdjYqtj7ZyupEBBiwPHrTrrLvPTclAGbQW2z23IQkBhvwoxX3Tv5cZdOPzIye7sPsw/s1600/Untitled-4.png" alt="Owner" name="owner" width="120" height="80" border="0" /></a>
</div>
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
untuk pengetahuan korang tuto ini aku tak ikut 100% dari wan hazel.cuma ambil sebagai guidelines.THANKS WAN HAZEL.
Allah..Maha Besar
11 comments
susah ni..ehhehe
ReplyDeletewah best....nuff tuk dia
ReplyDelete@eintan nurfuziex susah pun=) .intan pejam mate pun boleh buat^^
ReplyDelete@Skubidubiduterima kasih^^
ReplyDeletenajiah 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@PAFSiteerm..x phm la.cth mcm ne yer..:D hihihih.sorry lmbt reply..coz x perasan
ReplyDeleteaah 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?
ReplyDeletekalau nak letak banyak tab mcm mne ?
ReplyDelete@Farah Iyrrahcara yang sama.copy balik kod yang dlam blockquote tuh k:D
ReplyDeleteAkak, kita dah buat, tapi kotak tu tak ada
ReplyDeletekotak tu kene buat sndiri gune photoshop dik:)
Delete