Bagaimana cara membuat header menu di blog blogspot? Mungkin beberapa di
antara teman semua ada yang belum tahu bagaimana sih membuat header menu di
blog, terutama untuk pengguna blogspot ya. Sebenarnya kalau mau googling, ini
banyak sekali di google.
Sebenarnya apa sih manfaat dari header menu blog ini? Banyak sekali, selain
mempercantik tampilan blog hal lain diantaranya adalah sebagai navigasi,
mempermudah pengunjung blog untuk mencari tulisan kita berdasarkan kategori/
label tertentu. Ataupun mengarahkan pengunjung untuk mengetahui suatu halaman tertentu di blog kita,
misal about me atau contact.
Lalu, bagaimana cara membuat header menu di blog?
Bagi pengguna blogspot, sangat mudah sekali. Dengan kode HTML
sederhana kamu bisa mempercantik blog kamu dengan header menu ini.
1| Masuk ke Dashboard.
2| Buka menu Layout, kemudian klik add a gadget.
2| Buka menu Layout, kemudian klik add a gadget.
3| Cari widget HTML/ JavaScript, dan
pastekan kode di bawah ini.
<ul class='menu' id='menu-mainmenu'>
<li><a href='Link URL'>Label</a>
<ul class='sub-menu'>
<li><a href='Link URL'>Sub Label</a></li>
<li><a href='Link URL'>Sub Label</a></li>
</ul>
</li>
<li><a href='Link URL'>Category</a>
<ul class='sub-menu'>
<li><a href='Link URL'>Sub Label</a></li>
<li><a href='Link URL'>Sub Label</a></li>
</ul>
</li>
</ul>
3| Dan pada kolom title, isikan "header-menu", lalu klik Save.
Isikan Link URL dengan link label/ link artikel kamu dan Sub Label isikan dengan nama label kamu. Sesuaikan saja sesuai kebutuhan.
Dan header menu blog pun sudah terpampang nyata di blog kamu. Semoga tutorial bagaimana cara membuat header menu di blog blogspot kali ini bermanfaat ya, selamat mencoba. Silakan modifikasi sendiri sesuai kebutuhan.
Dan header menu blog pun sudah terpampang nyata di blog kamu. Semoga tutorial bagaimana cara membuat header menu di blog blogspot kali ini bermanfaat ya, selamat mencoba. Silakan modifikasi sendiri sesuai kebutuhan.
Image Source: foto by Staffage via kaboompics with graphics added by handdriati
Let me know if you enjoy this post ya! Happy Blogging!

Header menu sama kayak page gitu ya mbak..??
ReplyDeleteiya mbak, kurang lebih sama hehe...Page menu/ Header menu/ Menu bar...
DeleteGemes.....banget klo nemu blog yg admin'y wanita ngebahas yg berbau coding....mau cubit
ReplyDeletewooo...emang baunya nyampe situ ya mas? hahha...
DeleteThank you infonyaaa. Mau coba ah :)
ReplyDeletesama2, semoga sukses nyobanya :)
DeleteMbaaakkk.. huhuuuu... aku udah cobain ini. Tapi HTML gadgetku ada di kanan. So, enggak di atas jadinya headernya. What shoul I do? Deuuuhh... gaptek segaptek-gapteknya -_____-
Deletedi drag (tekan-tahan-trus geser) aja mba pindahin kebawah header blog.
Deletekalau gak, coba add gadgetnya yang dibawah/ di atas header langsung.
mudah2an ngerti ya, sukses mba :)
Coba ah.....kalau WP..ada yg gampang gini juga nggak?
ReplyDeletehmmm...saya kurang ngerti soal WP jadi gtw :D
Deletesaya cobain ah, kayaknya oke juga nih
ReplyDeletesip, silakan mas...tinggal modif2 aja sendiri, ini cuma dasarnya aja hehe...
Deletewaaaa kemaren baru ngutek utek templeta blog terus stuck karna menu bar ini, dan pas banget blog walkingan ke tempat mba handriati bahas ini, aaa thankyou ya mba ^^
ReplyDeletesip...sama2 mba rini :)
DeleteKalau udah ketemu PC mau nyoba ahh...
ReplyDeletesilakan mba irly, boleh banget :)
DeleteCobain ah thanks sharingnya
ReplyDeletesama-sama :)
DeleteWaah cocok nih, ada rencana mau bikin blog baru, ini ntar aku cobain deh. Makasih sharingnya yaaa
ReplyDeletesama-sama mba, semoga bermanfaat ya :)
Deleteheader menu itu yang sebelah mana ya? page/laman? atau yang jadi headline terpampang nyata pake foto gede? mau coba tapi takut jadi berantakaaannnn *galau*
ReplyDeleteiya mbak annisa, kurang lebih sama hehe...Page menu/ Header menu/ Menu bar...Keknya punyamu uda ada deh mbak...
Deletekalau yang ini cuma coding dasarnya aja sih, kalau modifnya biar berwarna-warni bisa dimodif sendiri hehe...
kalo mau ada sub menunya gimana kak? hehe
ReplyDeleteitu sudah termasuk sub menu kok mba, bica dicoba dulu :D
Deletekeren2 harus sering nongkrong sini biar blog tambah cakep
ReplyDeleteMbak, header menu ini kalo udah diterapkan nantinya waktu buka dari handphone jadi kaya menu dropdown gitu ngga mbak? Atau beda?
ReplyDeletekalau yang ini gak muncul di tampilan mobile...yg menu dropdown itu kalau pakai tabs baru muncul ditampilan mobile.
Deletepostingan2nya ngebantu banget. Makasiii mbak ({})
ReplyDelete