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.

Comments

  1. dalam bnyak2 blog yg aku refer,, blog ni baru aku berjaya.. hahaha tq

    ReplyDelete
    Replies
    1. Hai Meor Nazri.. Thanks sebab rujuk..
      Alhamdulillah sebab berjaya buat..

      Delete
  2. thanks tutor .. menjadi bah .. thanks a lot :)

    ReplyDelete
  3. 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...

    ReplyDelete
  4. Hi sis,
    Saya gembira sebab akak buat menjadi...
    Maaf, lebel yg mana satu ye akak? Yg x keluar?
    Saya nak semak semula kalau2 ada salah...

    ReplyDelete
  5. Label yg last, 'catatan', katanya 'no post'..padahal ada post. Yg lain semua ok. Tq dik...

    ReplyDelete
    Replies
    1. Saya dah semak, semua ok shj.
      Baiklah...
      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..

      Delete
  6. Yesss...akhirnya semua ok, mmg ada silap huruf besar & kecil tak sama. Tq��, klu ada tutorial yg baik punya, postlah lg...

    ReplyDelete
  7. akhirnya berjaya ...terima kasih cikgu........................

    ReplyDelete
    Replies
    1. Sama2 murid... :)
      *just joking...
      Well done sebab dapat buat...
      Happy to help..^_^

      Delete
  8. thanks ia sangat membantu

    ReplyDelete
  9. akhirnya blog sy ada dh ada menu bar,,tq cikgu syawal,,,sangat bangga

    ReplyDelete
    Replies
    1. Sama2 ...sorry for my late reply.. enjoy your menu bar.. :)

      Delete
  10. Hai...sorry mgkin menggangu. sya ingin bertanya, bagaimana kita nak isi maklumat yang kita nak masukkan jadi icon menu???

    ReplyDelete
    Replies
    1. Maaf kerana lambat balas, saya baru habis stpm semalam...
      Kalaunada apa2 yg tak faham boleh direct wechat saya ...
      MuhdSyawal96n.. Thank you...

      Delete
  11. Saya dah try dan berjaya. tq.

    ReplyDelete
  12. Salam
    kenapa 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"

    ReplyDelete
    Replies
    1. Wsalam...
      1. 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...

      Delete
  13. thanks
    menu bar dah okey
    sy juz tukar dia punye perkataan warna purple jep
    sebab kalau tkr label
    xmenjadi menu bar nyer

    ReplyDelete
  14. Assalaamu'alaikum.syukran untuk info itu ya.:-)

    ReplyDelete
  15. Salam alaik. i'm done and arigatou for this tutorial, rakan sebaya :)
    tapi 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.

    ReplyDelete
  16. akak dah buat , jadi tapi dia kuar menegak.. cane nak bagi dia mendatar ye? dah puas godek..jadi tegak jugak.. tq
    www.warisan-e-bunda.blogspot.com

    ReplyDelete
  17. Thanks a lot dik..nak tanye..kalau akak tukar design effect x? Tq dik

    ReplyDelete
  18. Thank You buat tutor ni.. bagus ...

    ReplyDelete
  19. thanks bro, you help me today. good info

    ReplyDelete
  20. At last berjaya jugak. Jenuh mencari tutorial tapi satu pun tak mnjadi. Alhamdulillah yg ni jadi jugak, Thanks :)

    ReplyDelete
  21. yeahhh jadi ~ hehe . banyak banyak cuba yang ni paling senang .
    thank you thank you

    ReplyDelete
  22. SAYA copy html.. ini la blog yg saye paling pham.. heheheheh

    ReplyDelete
  23. Terima kasih untuk panduan yg sangat membantu...
    Good 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?

    ReplyDelete
  24. 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 :'(

    ReplyDelete
  25. Salam. Terima kasih di atas tunjuk ajar. sangat mudah untuk difahami :) dan saya berjaya! hihi

    ReplyDelete
  26. Salam. Terima kasih di atas tunjuk ajar. sangat mudah untuk difahami :) dan saya berjaya! hihi

    ReplyDelete
  27. Assalamualaikum. terima kasih banyak2.Memang menjadi, Banyak pahala tlg orang,, moga Allah permudahkan urusan adik dunia dan akhirat..

    ReplyDelete
  28. Pergh...tq mr syawal...akhirnya berjaya juga aku buat menu sendiri...tq2

    ReplyDelete
  29. Pergh...tq mr syawal...akhirnya berjaya juga aku buat menu sendiri...tq2

    ReplyDelete
  30. power lah. jadi jugak. bnyak blog lain refer, tapi tk boleh follow step. yg ni jgak berhasil. thank bebanyak :)

    ReplyDelete
  31. This comment has been removed by the author.

    ReplyDelete
  32. Hai syawal!Saya pun Syawa jugak.. haha tapi yang syawal ni punya 14 tahun :3 ada blog jugak xD http://nyvlog.blogspot.my/

    ReplyDelete
  33. hi 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 :)

    ReplyDelete
  34. Assalamualikum,terima kasih ..akhirnya berjaya jugak buat selepas jumpa tuto syawalmuhd ni..

    ReplyDelete
  35. Assalamualaikum..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

    ReplyDelete
  36. Assalamu`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

Post a Comment

Popular posts from this blog

Bachelor of Science Honour (Statistics) UiTM CS241 Course Outline / Plan of Study / Pelan Pengajian

Pengalaman Mengambil Sijil Tinggi Persekolahan Malaysia (STPM)

Life in University: Statistics and me