Tutorial: Tab Menu
Salam nie kali kedua cik tom buat tutorial sempena pertanyaan ellen dan yasha macam mana nak buat tab menu (macam gambar atas nie). Cik tom pun belajar dari missXYZ.hehe. So, lebih afdal kita share mana ilmu yang ada ye.
 |
|
Kalau korang gunakan layout design blogger yang biasa boleh guna step di bawah ni untuk buat tab menu. Tapi kalau guna layout macam cik tom ada kelainan sikit. Tapi takpe korang try dulu step ni ye. Kalau ada yang tak dapat buat or nak tahu insyaAllah next entri cik tom buat ye. Huhu..
Step 1
Layout>Page Elements>Add a Gadget(amik yang bahagian bawah header ye)
ni cik tom try buat guna blog adik cik tom ~yaty~
Step 2
Klik Pages
Step 3
Kuar Configure Pages List>Save
Step 4
Klik Posting>Edit Pages>New Page
Step 5
Edit la..dan masukkan apa yang korang suka untuk
1)“page title”(contoh:ABOUT/LINK/CONTEST)…
2) masukkan la ayat/image or apa2 url yang berkenan…
3) Dah Okay…klik Publish page. .
Ok siap…Nak edit klik je “Edit Pages” dan tambah tajuk baru klik “New Pages”. Harap2 korang faham dengan tutorial nie ye. Ada nak baiki dan tambah dipersilakan ye. Maaf la kurang pandai nak ajar orang. Huhu…
Credit: missXYZ
Sharing is caring
Thank you very much cik tom,nanti yaty cuba,now sedang buat entry baru..hehe ^__^
@yaty: ok2..try la ye…wah rajin la yaty asyik buat new entri je..
rajin buat tutorial..bagus2..
bagus tutorial ni. nnti nk try
cik tom,yaty da berjaya buat,tadi testing sementara tunggu upload gmbr,alhamdulillah berjaya ..sangat happy,terima kasih beribu2 lemon kat cik Tom..hehe ^__^
haii cik tom.. nnti add fb hida k.. hida83@yahoo.com @ http://www.facebook.com/haida.hida (rohaida ibrahim)
@nana: kawan2 tanya kena share ilmu yang ada walaupun sedikit..hehe
@papadam: try la buat ye..mesti lagi cun blog papadam lepas ni..
@yaty: good2…cik tom dah tengok wah lagi cantik dari cik tom…suka3 tengok blog kawan2 semua cantik2 🙂
@haida: ok dear..thanks tau..nati cik tom add ye..muuah 1..hehe
cik tom, thnx ea. nak try buat. hehe
tora datang lagi…hahaha…
woah, cik tom rajin buat tuto la.. hee.. best2. layout cik tom da lar lawa. jeles i taw. hehe
mcm nie pn leh jgk..tp cara notami wat len sket..notami slalu pakai linklist kalo x silap..sbb notami wat link utk ke label..
tp notami pn xtau pe bezanye~ hehe
wah berguna neh. tQ cik Tom 😀
hye swety..tengs 4 sharing..ingt nk wat gak..tp bkn skang sbb line slow gila..tensen..hukhuk..;(
@nisa: try la buat ye…lagi cun blog nisa nati..hehe
@anon: haha..sape la buat lawak ni?? ^_^
@pinky: cik tom wat tutot untuk kawan2 yang tanya yunk..hehe…blog u pun cun…jeles cik tom tgk…huhu..
@notami: linklist??erm edit kat coding tu ker??pening kalau yang tue..huhu
@yaty: try la dear..ur wlcm 🙂
@fyza:ur welkam..ok xpe nati line ok boleh try..huhu..
hai ciktom…ellen nak ucap banyak2 tima kasi…ellen dah buat..hehehe..ok la kan…
@ellen: dah buat ker??nati cik tom tengok..hehe..
wah!!! menarik….
tutorial pun senang nak paham…… nak wat gak la, tapi tatau nak isi ngan apa pages lain tu…. =)
@sofia: macam2 boleh buat yunk contohnya pages about me/renungan /award/tutorial/exchange link/khas gambar dayang ker…cikpia kan minat dayang..hehe
thanks cik tom!! mmg sgt berguna dan menjadi! hahaha 😛
@n4dh!3r4: congrats dear…cik tom dah terjah blog tadi..rupa2nya ellen yg bgth psl tutorial ni ek..hehe
Huhu…berjaya
@akram: tahniah..dah tgk ok =)
thanx sgt
selama nih dh cube buat tapi xtau cane nk taruh byk2
tenkiuuu awak 🙂
thanks cik tom..mmg dah lame nk wt bende ney
graciass
thanx ciktom..mmg tgh cari tutorial psl ni pun..godek2 blog ni,skali ciktom ada buat..best la ciktom ni…thx ye…suka sgt…
wahh..
semua i nak try..
jadi cam serabut pulak page..
awww..awww…
hehhhe
🙂
nak tengah kan mcm mane ehh ? 😀 and macam mane nak buat border laa , background image laa . 🙁 tlg qila ciktom 🙁
tqvm cik tom
kak nor nak try buat
murni hati awk cik tom
alaaa , dah cuba tapi x bolehla cik tom 🙁
thank you cik tom. dah lama cari tutorial ni. akhirnya cik tom buat juga.
miza nak try 🙂
@Akeylala xD: tengah kan??kurang pasti la yunk…yg ln insyaAllah nanti cik tom share…
@bliss diana: betul ker xjadi??cik tom buka blog diana ada satu tab menu/pages yg "home"…cuba tgk betul2 ye…
cik tom, boleh tak ajar miza macam mana nak buat tab menu ada background kaler dengan sempadan macam tab menu cik tom punya kat atas ni.
hey
nk tnye nie..nk link bwah page tu cm ner ek..cntoh..
page:tutorial
pas 2 bawah2 die da
tutorial meringan kn blog
tutorial latak note kat kaki paost
daan len2.
kak reti x wt cm 2.hope leh tlg sye..
@Miza Yusof: insyaAllah nanti cik tom share dalam entry akan datang…
@buxcuk Dhia~: owh masuk awak linkwithin ker??kalau linkwithin cuba try tutorial ni;
https://www.ciktom.com/2010/10/tutorial-buat-dan-ubah-ayat-linkwithin.html
tqvw cik tom 🙂
em cik tom sorokkan widget alexa tue, x de effect rank alexa ke? cik tom leh x ajar saya cara nk sorokkan widget tue? firdauskasim89@gmail.com
@furdaus kassin:
1) cik tom sorokkan je tp widget alexa tue tetap pada main page cik tom…memang x effect apa2…nombor alexa rank cik tom still makin mengecil…
2) nak sorokkan widget tue boleh belajar kat tutorial ni;
https://www.ciktom.com/2010/11/tutorial-buat-auto-slide-menu-hide.html
slmt mencuba..kalau ada2 pe2 boleh tanya..insyaAllah cuba bantu setakat mana yang mampu 🙂
@CIK TOM thanks yew cik tom.. cik tom sporting sgt.. saya suka.. hehe
Salam Cik Tom..
jejari nak tanya..
can ner nak buat entri baru untuk page yg kita create kan tu ye….
jejari dah try tapi x boleh la… yang sama je keluar….
salam… cik tom jejari nak tanya.. macam mana kalau kita nak tambah post baru dalam setiap tab yang kita buat tu….. sbb jejari boleh post 1 entri je untuk setiap tab menu yang jejari buat… macam mana nak tambah entri baru untuk setiap tab ye… tahnks ye cik tom….
@JeJaRiChUmeLcRaFt; erm memang utk tab menu ni 1 pages akan 1 masuk 1 entry je ….melainkan buat cam cik tom..masukkan list entry secara drop down menu atau listkan entry berserta link…
kalau nak semua n3 yg bawah label tue dalam 1 pages..buat link cam dalam tutorial tab menu navigation cik tom… tp link pages tue ganti dengan link utk label..faham x?
nape xda comment blog untuk page selepas HOME tu…tlg sy ciktom
follow me k!
copy ec kat blog……mtk permission….
Thanks!! senang kerja jadinya.. 🙂
Jom baca entri terkini bintulqaryah …~Cetera Syawal 1432 h : Kisah, Rasa dan Suka…~
sama2…
NAK CUBE LA LEPAS NIE..
selamat mencuba ye..
mcm mane kalau nak buat banyak2 post dalam satu tab ek??
nabilah boleh guna link “label” pada tab tue..contoh label apa yang digunakan…so akan keluar byk2 post dalam satu tab menu..sori ye ciktom br bkesempatan nk bls komen..byk komen tertunggak xbls lg
TQ cik tom amat berguna TUTO nih,,saya bdk baru belajar,..nak centre x tau,..besau sgt,..ha,..ha
Jom baca entri terkini azue …Rumah untuk dijual
sama2..nak centerkan boleh tapi pening sikit kalau tutor tab menu dari pages..boleh try lagi 2 tutorial untuk tab menu dalam list “tutorial blogspot” cik tom..
akak knapa blog saya takde add as gadjet bawah header
kalau xde..cuba yaya rujuk tutorial dr blog ni; http://www.bloggersentral.com/2010/02/adding-section-with-add-gadget-in.html
kenapa saye punyer x de add as gadjet tu?/
ada jugak kes yang takde..kalau takde kena edit code utk masukkan add as a gadget bwh header..
macamana nk centre kn tab menu ni? =)
em complicated nak centerkan..kena cari code utk tab menu…pastu kalau dah jumpa tambah code ni <center>code tab menu</center>
cmne nk bt tab menu yang boleh kuar byk2 tuh.. cntoh cam ciktom bt yg resepi >> bile letak cursor kt situ, kuar plak resepi kek, resepi kuih…. erm, cmne nk bt cmtuh?
boleh refer tutorial; https://www.ciktom.com/tutorial-buat-dropdown-tab-menu-blogspot/
cik tom.. macam mana nak buat page tapi dalam dia ada byk entry (tp bukan drop down tu).. means.. tajuk page tu WEDDING, semua entry berkenaan wedding nak masukkan dalam page tu.. macam mana yer..?
1. boleh masukkan manual link by link.
2. masukkan link “category” wedding kalau nak display semua entry sekaligus bila klik pages.