Cara Membuat Menu Bar Dalam Blog
1. Sign In Blogger anda.
2.
Cari button down arrow.
3.
Cari ‘Template’ dan Click.
4. Tekan ‘Edit HTML’.
5. Cari showaddelement='no' . Guna ‘Ctrl+f’ kalau nak senang cari.
6.
Tukar jadi ‘yes’.
7.
Pastu WAJIB tekan ‘save template’.
8.
Kemudian, cari Layout and Click.
9.
Klik ‘Add Gadget’ yang berada di bawah Header.
Kalau Gadget itu dah guna untuk benda lain, Klik ‘Add Gadget’ yg berada di tepi
,then drag masuk ke bawah Header.
10. Cari ‘HTML/JavaScript’ and click.
11.
Copy HTML dibawah :
<hr/>
<p
align="center">
<strong><font
face="cooper black" size="4">
<a>[
</a>
<a
href="http://syawalmuhd.blogspot.com/
"class="navigation">HOME</a><a>] [ </a>
<a
href="http://syawalmuhd.blogspot.com/search/label/myself
" class="navigation">MySelf</a><a>] [ </a>
<a
href="http://syawalmuhd.blogspot.com/search/label/infoam
" class="navigation">Info Am</a><a>] [ </a>
<a
href="http://syawalmuhd.blogspot.com/search/label/examination"
class="navigation">Examination</a><a>] [ </a>
<a
href="http://syawalmuhd.blogspot.com/search/label/htmlstuff"
class="navigation">HTML Stuff</a><a>] [ </a>
<a
href="http://syawalmuhd.blogspot.com/search/label/bebas
" class="navigation">Bebas</a><a>] [ </a>
<a
href="http://syawalmuhd.blogspot.com/search/label/pictures
" class="navigation">Pictures</a><a>]
</a>
</font></strong></p>
12.
Tukar url blogspot ‘http://syawalmuhd.blogspot.com/’ dengan url blog awak
sendiri.
13. Tukar perkataan dalam tulisan warna merah dengan apa yg awak nak muncul dalam label url.
14. Kemudian, tukar perkataan yg warna purple dengan apa yg awak nak muncul dalm Blog Interface.
Contoh seperti pic di bawah.
15.
Kemudian Tekan ‘Save’.
16.
Seterusnya, cari ‘Post’ dan tekan yang mana2
awak nak.
17.
Di tepi post interface ada satu slot Post
settings ada ‘Label’.
18. Tulis apa yg awak tulis dalam nombor 13 (yang warna merah),
19.
Contoh, kalau post awak berkaitan dengan reciepe,
awak kena tulis di situ ‘reciepe’ betul2 sebiji apa yang awak tulis dalam
perkataan warna merah.
20.
Huruf BESAR dan kecil adalah mandatory.
21.
Kalau dalam HTML warna merah awak tulis huruf
besar, Reciepe. Dalam Label awak ken tulis juga huruf besar, Reciepe. Macam tu
juga sebaliknya.
22.
Kalau tak sama huruf besar dan kecil, nanti
cari tak akan keluar.
23.
Lastly, korang dah ada menu button dengan
bangganya.
dalam bnyak2 blog yg aku refer,, blog ni baru aku berjaya.. hahaha tq
ReplyDeleteHai Meor Nazri.. Thanks sebab rujuk..
DeleteAlhamdulillah sebab berjaya buat..
thanks tutor .. menjadi bah .. thanks a lot :)
ReplyDeleteHi natrah maslion,
DeleteYour welcome.. :)
tq dik, byk blog akak dah cuba, tp yg ini jadi. cuma kenapa dlm 5 label, 1 tak keluar. (no post). Apa masalahnya dik? sekali lagi tq...
ReplyDeleteHi sis,
ReplyDeleteSaya gembira sebab akak buat menjadi...
Maaf, lebel yg mana satu ye akak? Yg x keluar?
Saya nak semak semula kalau2 ada salah...
Label yg last, 'catatan', katanya 'no post'..padahal ada post. Yg lain semua ok. Tq dik...
ReplyDeleteSaya dah semak, semua ok shj.
DeleteBaiklah...
1. Akak semak huruf besar dan huruf kecil, kalau2 ada yg x ngam.. satu huruf besar, satu huruf kecil
2. Kalau x boleh jugak... akak try buat semula yg html shj... copy and paste semula...
Maaf akak kalau x menjadi juga, ini saja yg saya dapat bagitahu.. sebab kalau nak bagitahu detail panjang..
Yesss...akhirnya semua ok, mmg ada silap huruf besar & kecil tak sama. Tq��, klu ada tutorial yg baik punya, postlah lg...
ReplyDeleteakhirnya berjaya ...terima kasih cikgu........................
ReplyDeleteSama2 murid... :)
Delete*just joking...
Well done sebab dapat buat...
Happy to help..^_^
thanks ia sangat membantu
ReplyDeleteHi zzali idris...
DeleteTahniah sebab menjadi.. ^_^
akhirnya blog sy ada dh ada menu bar,,tq cikgu syawal,,,sangat bangga
ReplyDeleteSama2 ...sorry for my late reply.. enjoy your menu bar.. :)
DeleteHai...sorry mgkin menggangu. sya ingin bertanya, bagaimana kita nak isi maklumat yang kita nak masukkan jadi icon menu???
ReplyDeleteMaaf kerana lambat balas, saya baru habis stpm semalam...
DeleteKalaunada apa2 yg tak faham boleh direct wechat saya ...
MuhdSyawal96n.. Thank you...
Saya dah try dan berjaya. tq.
ReplyDeleteWelcome... enjoy ur menu bar....
DeleteSalam
ReplyDeletekenapa ek
sy dah buat semua ikut flow yg awk bg tapi
bila tekan menu bar dia keluar
"Harap maaf, halaman yang anda cari dalam blog ini tidak wujud"
Wsalam...
Delete1. Check you punya caps lock, kalau ada salah letak huruf besar atau kecil di label sebelah post awak tu.
2. Semak semula kalau awak dah tukar 'showaddelement='no' kepada 'yes'.
3. Semak semula java script yg awak copy tu, ada tertinggal apa2 tak?
Try again.. ^_^...
Kalau x boleh wechat saya di MuhdSyawal96, print screen awak punya blog javascript .. saya check...
thanks
ReplyDeletemenu bar dah okey
sy juz tukar dia punye perkataan warna purple jep
sebab kalau tkr label
xmenjadi menu bar nyer
Assalaamu'alaikum.syukran untuk info itu ya.:-)
ReplyDeleteWelcome. :)
DeleteSalam alaik. i'm done and arigatou for this tutorial, rakan sebaya :)
ReplyDeletetapi kenapa eh bila click aja menu button tuh, colour dia tukar shingga jadi tak nampak tapi bila letak aja cursor dkt menu button tuh, colour dia ada balik. Blurgh, if u know reply back okeh. btw Good luck for stpm sem2, Hiks.
done . tq ! follow me :)
ReplyDeleteakak dah buat , jadi tapi dia kuar menegak.. cane nak bagi dia mendatar ye? dah puas godek..jadi tegak jugak.. tq
ReplyDeletewww.warisan-e-bunda.blogspot.com
Thanks a lot dik..nak tanye..kalau akak tukar design effect x? Tq dik
ReplyDeleteBoleh tukar design,Tak ada effect :)
Deletetq a lot
ReplyDeleteThank You buat tutor ni.. bagus ...
ReplyDeletethanks bro, you help me today. good info
ReplyDeleteAt last berjaya jugak. Jenuh mencari tutorial tapi satu pun tak mnjadi. Alhamdulillah yg ni jadi jugak, Thanks :)
ReplyDeleteTerima kasih .. ^_^
Deleteyeahhh jadi ~ hehe . banyak banyak cuba yang ni paling senang .
ReplyDeletethank you thank you
Terima kasih .. ^_^
DeleteSAYA copy html.. ini la blog yg saye paling pham.. heheheheh
ReplyDeleteTerima kasih .. ^_^
DeleteTerima kasih untuk panduan yg sangat membantu...
ReplyDeleteGood luck untuk coming STPM Kertas 2... saya guru Tingkatan 6...
So lebih guna nama CIkgu kan...
CIkgu dah berjaya create Menu Bar...tetapi post yang cikgu buat untuk menu bar tertentu masih masuk sebagai post biasa... macam mana ye?
anyone boleh tolong tak yang no 10 ni mcm mana . "10. Cari ‘HTML/JavaScript’ and click." mana nak cari HTML tu. sangkot sampai no 9 :'(
ReplyDeleteSalam. Terima kasih di atas tunjuk ajar. sangat mudah untuk difahami :) dan saya berjaya! hihi
ReplyDeleteSalam. Terima kasih di atas tunjuk ajar. sangat mudah untuk difahami :) dan saya berjaya! hihi
ReplyDeleteSama-sama .. Enjoy ^_^
DeleteAssalamualaikum. terima kasih banyak2.Memang menjadi, Banyak pahala tlg orang,, moga Allah permudahkan urusan adik dunia dan akhirat..
ReplyDeleteAmin.. Alhamdulilah.. ^_^
Deletewelcome :) ^_^
ReplyDeletePergh...tq mr syawal...akhirnya berjaya juga aku buat menu sendiri...tq2
ReplyDeleteWelcome ^_^
DeleteWelcome ^_^
DeletePergh...tq mr syawal...akhirnya berjaya juga aku buat menu sendiri...tq2
ReplyDeletepower lah. jadi jugak. bnyak blog lain refer, tapi tk boleh follow step. yg ni jgak berhasil. thank bebanyak :)
ReplyDeleteYoure welcome ^_^
DeleteYoure welcome ^_^
DeleteThis comment has been removed by the author.
ReplyDeleteHai syawal!Saya pun Syawa jugak.. haha tapi yang syawal ni punya 14 tahun :3 ada blog jugak xD http://nyvlog.blogspot.my/
ReplyDeletehi shawal thanks sudi kongsi tips ni,masalhnya sis ni lembab x berjaya buat hahaha,nak tanya macam mana nak letak story2 yang sis da ada kat menu bar yg baru sis buat ye..tolong bagi pencerahan..tq dik :)
ReplyDeleteAssalamualikum,terima kasih ..akhirnya berjaya jugak buat selepas jumpa tuto syawalmuhd ni..
ReplyDeleteAssalamualaikum..banyak2 thank u. dengan bangganya berjaya gak saya wujudkan menu bar kat dlm blog. puas godek2 baru puas ati.Yeay! Blog dah ada menu bar. Setelah 7 tahun kot. huhu
ReplyDeleteAssalamu`alaikum...Terima kasih Tuan, entry ni sangat membantu saya. Berjaya juga saya tambah Menu Bar hasil tunjuk ajar Tuan. Moga Tuan dikurniakan rezeki yang luas. Aamin.
ReplyDelete