Cara Termudah membuat Bar Menu di Blog

24 Februari 2012
Ada banyak cara dalam membuat bar menu di blog. Dari cara yang mudah hingga cara yang rumit, dari yang tidak menggunakan script, penggunaan script yang "biasa" hingga script yang "advanced". Disini saya akan membahas cara membuat bar menu yang tanpa menggunakan script tapi hasilnya tetap kelihatan profesional. Bar menu ini saya letakkan di bawah header.
Oke, langsung aja kita masuk ke pokok pembahasan;
1. Membuat Bar Menu Tanpa Script
  1. Masuk ke Dashboard => Tata Letak
    Tata letak, Bar menu di blog
  2. Klik Tambah Gadget pada tab di bawah header
    Tambah gadget, Bar menu di blog
  3. Pilih Daftar Link
    Daftar link, Bar menu di blog
  4. Pada URL Situs Baru, Masukkan Nama Blog anda ditambah Nama Label, formatnya seperti ini https://namabloganda/search/label/nama label, sedangkan untuk Nama Situs Baru bisa anda tulis Nama Labelnya.
    Daftar link, Konfigurasi bar menu di blog
  5. Masukkan satu persatu label yang ingin di tampilkan di bar menu, contohnya seperti ini:
    https://www.papawardi.com/search/label/Komputer
    http://www.papawardi.com/search/label/Jaringan
    https://www.papawardi.com/search/label/Blog
    https://www.papawardi.com/search/label/Sitemap
  6. Simpan dan lihat hasilnya.
Tambahan:
Untuk font, warna font, maupun warna background, anda bisa menggantinya melalui cara di bawah ini:
    Masuk ke Dashboard => Template => Ubahsesuaikan 
  1. Pilih Tingkat Lanjut.
    perancang template, perubahan warna bar menu
  2. Untuk mengganti font maupun warna font, anda bisa merubahnya lewat tab Teks Tab. Sedangkan untuk mengganti warna background, anda bisa merubahnya melalui tab Latar Tab.
author_photo
Author: SUWARDI

Silahkan share jika berkenan

papa wardi
papa wardi Updated at: Februari 24, 2012

Artikel Terkait


151 komentar:

  1. Balasan
    1. saya maw tanya cara bwt fotmat URLnya jdi http://namabloganda/search/label/nama label kayak mana caranya ?

      Hapus
    2. itu nama label yang mau di cantumin do menubarnya blog mas.

      http://blogsaya1513.blogspot.com

      Hapus
    3. ini gimana ya gan? kok ane udah kasih lebel di tiapa postingan ane tetep aja pas ane meriksa menunya tulisannya tidak ada entri...mohon pencerahannya gan

      Hapus
    4. Maaf Mas yg sya bingungkan di tahap no.5...tolong mas di jelasin lgi dg tutorny....

      Hapus
  2. makasih om..
    paling gampang ini caranya..
    daripada yang pernah gue liat di blog-blog laen.. :D
    maju terus !

    BalasHapus
  3. Sundul UP Up NDEWO CAranya Mantaf

    BalasHapus
  4. mantab bos carany,,,
    ni lebih gampang!

    BalasHapus
  5. tpi gk bisa dibuat sub menu nih...

    BalasHapus
  6. cara masukin postingan ke menubar nya gmna ?

    BalasHapus
    Balasan
    1. Postingannya harus di beri label sesuai nama menu barnya...

      Hapus
  7. kalo membuat menu bar yang di atas gimana caranya???

    BalasHapus
  8. Gan ane udah buat menu bar dan berhasil, TAPI ketika di buka kosong dan not found,,,cara.a gmn byr bsa???

    BalasHapus
    Balasan
    1. Postingannya harus di beri label sesuai nama menu barnya...

      Hapus
    2. Postingannya harus di beri label sesuai nama menu barnya...

      Hapus
    3. Maaf mas label gimana maksudnya ????
      mohon pencerahannya ,terima kasih sebelumnya.

      Hapus
  9. ane buat koq gag jadi y gan?
    mohon penceraannya

    BalasHapus
  10. terima kasih, sangat berguna sekali untuk para pemula

    BalasHapus
  11. Terimakasih sob . thanks bgt . ane pusing ma tutor yang laenya

    BalasHapus
  12. gimana gan ga jadi jadi terus dari tadi

    BalasHapus
    Balasan
    1. cek dengan teliti. usah benar semua belum?. untuk semua saya mohon maaf bila tidak bisa membalas satu persatu. harap maklum

      Hapus
    2. ga papa gan ,, nyantai z
      ga bijak rasanya kalo ga ngucapin TERIMA KASIH...

      Hapus
  13. terus kalau udah beres kalau mau post misal nya di post Aboutme gimana ? kalau mau nge post di Foto gimana?

    BalasHapus
  14. misal klo kita bikin label : about me trus ada menu lagi ke bawah itu gimana caranya?

    BalasHapus
  15. Makasih Bos Atas Ilmunya...sangat bermanfaat, oia bos saya mau nanya nih...saya kan guru di sekolah saya udah buat blog, dimenu bar sudah ada menu profile Guru, tapi belum ada menu nya lagi seperti nama guru, si anu, bagaimana caranya buat profile masing2 guru nanti klo di klik salah satu nama guru langsung keluar profile dan biodata guru tersebut.....makasih atas jawabannya.

    BalasHapus
  16. gan cara ngepos di meno bar tuh gmna ??
    coz z udah buat menubarnya...tapi gk ada isinya ! :(

    BalasHapus
  17. Alhamdulillah bisa, terimakasih, sederhana sekali tanpa script, kalau saya langsung saya copy urlnya trus saya paste di "URL Situs baru" langsung jadi, sekali lagi terimakasih

    BalasHapus
  18. Mantap caranya, jadi gga perlu pusing" lagi tambah HTML segala. thx.. :)

    BalasHapus
  19. 10000 jempol bos,, makasih banget atas penjelasaanya,,,

    BalasHapus
  20. setelah berbingung ria mikirin html, akhirnya ada cara yg lebih mudah,,,, thanks boss.... MANTABB LAH POKOK,E....

    BalasHapus
  21. Wah, nice info gan.
    berguna banget ni bagi aku, ditunggu kunjungan balik ya
    www.stev-lim-teddy.blogspot.com ^_^

    BalasHapus
  22. makasih om do blog aku dah ada kayak gitu

    BalasHapus
  23. sumpah om, cara nya gampang banget...

    muuucih ea

    BalasHapus
  24. ko punya aq jadi aneh iia kenapa itu

    simenunya ada tulisan http// gtu

    duh tolong pencerahannya y
    di tunggu makasih

    BalasHapus
  25. thanks infonya gan... tp ada yg aneh, ada yang bisa link ada yang tidak, alias kosong, padahl sdh berlabel sesuai search labelnya.. mohon pencerahan...

    BalasHapus
  26. thanks infonya gan, bagus sekali, mampir k blog q ya.. masih pemula..

    BalasHapus
  27. cARAnya gampang banget gan, trus klo menu saya kasih nama BERANDA, supaya ketika di klik beranda, lalu tampil blog kita secara keseluruhan gimana tuh caranya GAN...pleasee...Newby nih

    BalasHapus
  28. ini yg saya cari ..,, lebih gampang :D :D thank you

    BalasHapus
  29. sep sep terimakasih om wardi,saya berhasil seeep (seribu jempol deh)

    BalasHapus
  30. berhasil gan,,, makasih..
    cuman belum bisa nampilin page yg dimaksudnya setelah diklik linktabnya,semua tertuju ke baranda,itu juga cuma ada info "tidak ada entri yg ditampilkan"
    ada masukan lg ga nih

    BalasHapus
  31. Gan ane pengen bikin bar yang rapih kayak agan yang diatas
    yang ada bacaan komputer, jaringan, blog, tapi kok hasilnya gak sama kaya agan http://arkadigi.blogspot.com/ ini blog saya mohon bantuannya

    BalasHapus
  32. cara membuat menu yang saperi di atas itu yang komputer jaringan blog dan daftar isi itu gmna menu pilihan nya gtu '?
    soal nya saya mau menambahkan tv online mas

    BalasHapus
  33. MAS, MAU NANYA, kalau mau bikin menu drop downnya gimana????

    BalasHapus
  34. waaah mantap gan.. mdh2n trus memberikan ilmunya : )

    thanks

    BalasHapus
  35. terima kasih... amat berguna infonya apa lagi bagi pemula blog..

    BalasHapus
  36. bagus gan infoNya, ijin coba ya !!
    saya lagi masa rancangan blog ni !!
    mohon bantuanNya !!
    carigratis.blogspot.com

    BalasHapus
  37. Mantap Gan. Akhirnya ketemu jg cara yang plg gampang. thanks Gan. oh ya numpang copy y gan di blog aku.

    BalasHapus
  38. gan,,ane udah coba tapi ga mau ada isinya gimana dund.? terus saat mau posting tulisannya itu ditaro di pos atau laman ya.? terus diapakan.? soalnya buat bar menu tampilan ada tapi isinya ga ada..tks

    BalasHapus
  39. horrreeee... berhasiilll. simple tpi hasil nya bgus. mksi pak wardi. http://danielpunya.blogspot.com/

    BalasHapus
  40. udah bisa buat menu bar tapi ga bisa edit isinya.. kososng gtu.. yang baik hati tolong kasih tau donk..hikzz.hikzz

    BalasHapus
  41. menubar udah ada... tp gimana cara buat isinya pak wardi??
    (SUB TITTLE gtu pak)
    Tolong balasannya ya.
    www.albertmanuel550.blogspot.com

    BalasHapus
  42. udah ada menubar dan isinya... tp pas di klik.. tertulis firefox can`t find. g bisa di buka -_-.
    tolong penjelasannya

    BalasHapus
  43. Makasih gan triknya ampuh banget ^_^
    Caranya biar menu bar-nya bisa warna solid gimana?
    terima kasih...
    http://blogiqo.blogspot.com

    BalasHapus
  44. cara membuat center menu bar gimana ya? kalo menu bar cuma sedikit, yang disebelah kanan jadi kosong, jadi nggak bagus.
    trimakasih..

    BalasHapus
  45. makasih :)
    tapi kalau postingannya lebih dari satu cara masukin ke menu bar nya gimana ?

    BalasHapus
  46. Thanks infonya gan, ane coba ya

    BalasHapus
  47. Makasih Gan Tutor,nya,
    Ciamik Tenan,,,,jgn lupa mampir ke blogku y gan.

    http://vimax-pilajaib.blogspot.com

    BalasHapus
  48. trus caranya posting ke menu barnya gimana?
    terima kasih gbt kalau dijawab

    BalasHapus
  49. makasih atas info.a,, bermanfaat bgt

    BalasHapus
  50. trims buat tutornya..tapi gak bisa buka postingannya nie..gmana ya?

    BalasHapus
    Balasan
    1. coba lagi aja biasanya itu karena ada gangguan jaringannya

      mampir yah di

      http://www.kouscouple.blogspot.com/

      di like dan join juga yach gan

      Hapus
  51. mampir gan di

    http://www.kouscouple.blogspot.com/

    di like dan join juga yach gan

    BalasHapus
  52. thanks atas infonya maasss.... (/^0^)/

    BalasHapus
  53. Makasih Yaaa... Sangat bermanfaat ;)

    BalasHapus
  54. Tapi ko tampilannya kosong??? Cara ngisinya gimana? Plisss Bales

    BalasHapus
  55. Pake label tetep aja gk ada isinya

    BalasHapus
    Balasan
    1. masuk blog sy bos, mungkin membantu...
      rajamenyok.blogspot
      univteacher.blogspot

      Hapus
  56. makasih mas...mantap..
    rajamenyok.blogspot.
    univteacher.blogspot.

    BalasHapus
  57. Makasih Sobat...
    Mau nanya sobat bagaimana cara supaya bar menu berfungsi sebagai pemanggil postingan kita?
    sesuai dengan category..?
    tolong di balas ya bro..

    BalasHapus
  58. makaih niie mantap...........share terus yah ilmunya hehehehehe
    sedot abis cendolnya wkwkwkwkwkwk

    BalasHapus
  59. cetaarr,,, makasiiih.. :)

    BalasHapus
  60. Infonya mantap gan, punya saya berhasil..
    terima kasih...!!

    BalasHapus
  61. cara Posting ke Menunya gimana Mas...???

    BalasHapus
  62. Trims ilmunya.... kalo bisa lanjutkan dg link url postingnya gan...

    BalasHapus
  63. gan kok di blog saya yang terlihat itu semuanya sama urlnya juga
    http://papawardi.blogspot.com/search/label/Komputer
    http://papawardi.blogspot.com/search/label/Jaringan
    http://papawardi.blogspot.com/search/label/Blog
    http://papawardi.blogspot.com/search/label/Sitemap
    terus waktu saya buka no post gitu gan
    mohon jawabannya

    BalasHapus
    Balasan
    1. Itukan cuman contoh yang saya pakai di blog saya ini gan...
      nama blognya di ganti dengan nama blog anda... trus nama labelnya sesuaikan dengan nama label di postingan anda... contohnya gini...
      Nama bolg anda shamir.blogspot.com trus labelnya sosial, anda tinggal tulis seperti ini....
      http://shamir.blogspot.com/search/label/sosial
      begitu....

      Hapus
  64. mau nanya, kalo mau nambah entry dari menubar baru itu gimana caranya yaa?

    makasih sebelumnya :)

    BalasHapus
    Balasan
    1. Nanti otomatis tambah sendiri sesuai dengan labelnya. (waktu buat entri baru, langsung aja di kasih label)

      Hapus
  65. thanks advicenya suadah saya coba berhasil dan sangat mudah di banding yang lain...
    cuma boss gimana cara ngisi artikel tiap menu bar-nya ??? kok selalu jawabannya no entry terus ya??? padala setiap buat artikel baru selalu di beri nama label seperti nama label yang ada di menu bar tadi... please help me......thx.

    BalasHapus
  66. Cek dulu, udah betul semua apa belum? ingat untuk http://papawardi.blogspot.com harus di ganti dengan nama blog anda. Kalau boleh saya ingin tahu nama blog anda apa? mungkin saya bisa bantu

    BalasHapus
  67. Mas numpang tanya ......kalo ndak keberatan tolong di beri advice ya....
    saya sudah bisa buat menu bar dengan berbagai kategori ( seperti berita olahraga di kategori olahraga ...dst..) tetapi kenapa ketika saya buka blog saya pertama kali kok semua jenis artikel dari berbagai kategori tetap tampil ( tidak langsung dipilah -pilah berdasarkan menu bar kategori tadi?). gimana ya caranya . thx sebelumnya ....
    nama blog saya : healthymind1806.blogspot.com.

    BalasHapus
  68. Mas Andrew, saya sudah melihat blog anda. Di situ anda membuat label "Kata mutiara" dan "Renungan" dan saya cek sudah berhasil. Untuk masalah pertama kali tampil, itu wajar. Karena blog yang dibuka tanpa embel-embel label ( contohnya anda menulis papawardi.blogspot.com, atau healtymind1806.blogspot.com) yang muncul nantinya adalah halaman beranda (Home) Untuk mensiasatinya, anda bisa menyetelnya di "setelan =>pos dan komentar". Di situ anda bisa menyetel berapa entri yang ingin di tampilkan di halaman beranda(home)

    BalasHapus
  69. ok thanks lain kali kalo ada masalah tanya mas Wardi tanya lagi ya.

    BalasHapus
  70. makasih banget mas infonya.... soalnya saya masih pemula hahaha :)

    BalasHapus
  71. Mas tanya lagi ya.
    jika saya klik salah satu menu bar di blog saya selalu ada tulisan :

    "Tampilkan posting dengan l(nama label). Tampilkan semua posting"

    tulisan ini bisa dihilangkan ndak mas??
    soale aku pingin ketika klik menu bar lansung keluar artikel sesuai dengan menu bar tersebut.
    thx atas bantuannya mas.

    BalasHapus
    Balasan
    1. Untuk menghilangkan/menghapus tulisan "Tampilkan Semua Posting" anda bisa lihat caranya di artikel saya. Cari aja dengan kata kunci "SEMUA"

      Hapus
  72. Kalau mau ngepost ke menu yang kita buat tadi gimana gan...?

    BalasHapus
    Balasan
    1. Anda cukup menambahkan label pada postingan sesuai dengan nama menu yang anda buat. Contoh: Anda bikin menu OLAHRAGA, maka postingan yang akan dimasukkan dalam menu tersebut harus diberi label OLAHRAGA

      Hapus
  73. makasih brother... :)
    sangat membantu

    BalasHapus
  74. bro kalo gak mucul sama sekali gimana ya ? saya sudah mengikuti semua stepnya tetap saja tidak muncul menu bar di blog saya [-(

    BalasHapus
    Balasan
    1. kalo' boleh saya tahu nama blognya apa? nanti coba saya cek.. sory baru di balas, soalnya lagi perbaikan template blog....

      Hapus
  75. trimakasih ilmunya gan, sangt brmanfaat bg pmula sprt saya..sukses terus.. Boleh mnt pndpt agan ga ttg blog saya http://dadanar.blogspot.com gmn menurut agan?

    BalasHapus
  76. thanks gan ,
    sangat membantu ni untuk pemula , tutorialnya gak ribet , (y)

    BalasHapus
  77. Pertama makasih y gan. Terus saya mau tanya, misal menu bar nya itu game, lha pas saya klik kok g ada isinya. Cara ngisi artikel di menu bar gimana ya sob, trus tadi aq baja2 komen maksudnya di masukin di labe tuh gimana. Thx

    BalasHapus
  78. terimakasih banyak infonya :) great job!

    BalasHapus
  79. udah bisa, trimakasih ilmunya, klo mau bikin sub menu gimana ya? jadi klo kita arahkan kursor ke 1 tab menu ada list menunya gitu, trims ^^

    BalasHapus
  80. thanks mas , ini yang saya cari" dari dulu .. kalo sempet kunjung balik ya mas :d

    BalasHapus
  81. mantab, skalian mau tanya gan.
    untuk menambahkan file pada postingan gimana yah?
    misalkan saya mau share software gitu, gmana caranya?
    moon bantuannya
    makasih sebelumnya
    smoga makin maju

    BalasHapus
  82. untuk membuat submenu dibawahnya gimana sob yang gampang??

    BalasHapus
  83. gimana caranya y gan saya pengen tau gan . boleh minta solusinya yang diatas gak gan .

    BalasHapus
  84. gan boleh minta tolong,ini menu bar blog saya sdh jd tp pas dibuka halaman web tidak d temukan
    nama blog saya http://rendiikurnia.blogspot.com/
    tolong ya gan

    BalasHapus
  85. WEEEW ... SIMPLE TAPI AKURAT MAS... MAKASIH

    BalasHapus
  86. KALO BISA BUAT ARTIKEL UNTUK BIKIN SUB BAR BLOG YANG MUDAH DONG MAS.. MAKASIH SEBELUMNYA

    BalasHapus
  87. Masih belum mengeti gan T___T coba tolong di perjelas :(

    BalasHapus
  88. untuk buat entry post di bar menu nya gimana mas ? trmksh

    BalasHapus
  89. aku masih belum ngerti. yang nomor 5 itu dibuat dimananya ya?

    BalasHapus
  90. makasih ya, seharian cari cara begini pusing ketemu nya edit HTML semua. syukur ketemu cara yg lebih mudah. makasih banyak ya :)

    BalasHapus
  91. makasih mas buat caranya yang gampang dipraktekkan buat newbie :)

    BalasHapus
  92. MAKSIA gan mmbantu bngt ni..

    BalasHapus
  93. mu nanya bisa gk lok di satu menu bar itu kita cantumkan 2 label.. n' caranya gemana om...

    BalasHapus
  94. kalo untuk sub menu bar gimana gan?

    BalasHapus
  95. cara memasukkan label-label yang akan di masukkan di menu bar gimana?

    BalasHapus
  96. tambahkan gadget nya gak bisa di klik nih, gimana ya ?

    BalasHapus
  97. gan, kaloo membuat sub menu nya bagaimana??? tolong di bales dengan segera!

    BalasHapus
  98. bang cara masukin entri ke menu barnya gimana ??? masih kurang ngerti , maklum lagi belajar ... mohon pencerahannya bang

    BalasHapus
  99. bro udah berhasil nih ,, cara masukin postingannya gimana , ane udah berhasil masukin postingan ke salah satu menu bar , kalo mau masukin lagi kemenu bar yang laen gimana ... makasih gan .. =))

    BalasHapus
  100. Bener-bener mudah sekali gan caranya, ane berhasil, thanks gan atas tutorialnya.

    http://one-colour.blogspot.com

    BalasHapus
  101. masih blm bisa gan. klo boleh utk step ke 4 dilengkapi dengan contoh isian

    BalasHapus
  102. Thnx gan.. ijin angkut :D
    d tunggu kunjungan balik nya >> http://imooat.blogspot.com/

    BalasHapus
  103. makasih banyak buat tutornya,, sangat bermanfaat sekakali

    http://goo.gl/TyqyTY

    BalasHapus
  104. makasih banyak buat tutornya,,,

    http://goo.gl/4NuXkM

    BalasHapus
  105. ahhh ini dia ana muter muter nyari ketemu yang pakai coding html mulu sakit kepala liatnya ternyata ada cara yg sangat mudah makasih agan

    BalasHapus
  106. thanks a lot for the info,, very useful and add insight

    BalasHapus
  107. Terimakasih buat artikelnya, mantab sob, menambah pengetahuan, bermanfaat..

    BalasHapus
  108. Gan, setelah kita berhasil membuat menu barnya. bagaimana caranya agar postingan kita bisa masuk ke masing2 label di menu bar tsb. thanks sblmnya

    BalasHapus
  109. bang coba check deh blog sya http://living45thing07.blogspot.com/ ketika sya buka menunya hanya tertulis not found mohon pencerahannya

    BalasHapus
  110. makasi infonya gan..

    bagi agan yang berminat belajar membuat web bisa dilihat di situs berikut http://www.computer-course-center.com/web-design.html

    BalasHapus
  111. maaf mengganggu, saya buat 2 menu bar, tapi menu bar ke 1 bisa di buka, menu bar ke 2 muncul server not found, saya bikin blogspot baru setelah bikin postingan bikin label n bikin 3 menu bar, semua menu bar jika di buka muncul server not fount, tp jika klik halaman atau beranda bisa terbuka, mohon bantuan nya

    BalasHapus

Kolom komentar adalah tempat untuk Tanya-Jawab, Kritik-Saran dan tempat untuk berbagi ilmu, BUKAN TEMPAT PROMOSI.
Maaf jika saya tidak bisa membalas satu per satu komentar sahabat semua. Harap maklum.

Copyright 2022 © papawardi