Salah satu “syarat” desain blog yang baik ialah yang memudahkan pembaca mengakses konten blog tersebut, antara lain dengan memberikan atau kategori (pada WordPress) atau label (pada Blogspot) yang sesuai dengan post dan memberikan navigasi / menu pada blog. Hal ini perlu dilakukan agar pembaca mudah mengakses laman-laman tertentu atau kategori post yang ada.
Default template pada Blogspot tidak memunculkan menu dengan otomatis, sehingga harus kita setting sendiri dengan menambahkan gadget Label (Labels) atau Laman (Pages). Jika hanya ingin menambahkan menu yang terdiri dari kategori post maka bisa menambahkan gadget Label. Namun jika blog terdiri dari beberapa laman (misalnya “Tentang Saya” dan “Kontak”) maka tentu selain kategori utama, navigasi atau menu bar juga memerlukan link menuju laman-laman tersebut. Untuk ini kita akan menambahkan gadget Laman.
Berikut step by step cara membuat menu pada Blogspot
1. Masuk ke pengaturan Tata Letak. Klik “Tambahkan Gadget” pada bagian Cross Column, pilih “Gadget Laman”.
Masuk ke pengaturan Tata Letak, klik Add Gadget pada bagian Cross ColumnTambahkan gadget Laman
2. Beri tanda centang pada setiap laman yang akan dimasukkan di menu, lalu klik “+ Tambahkan Tautan External“.
Beri tanda centang pada setiap laman yang akan dimasukkan ke menu, kemudian klik “Tambahkan tautan External”.
3. Isi Judul laman dengan nama label dan masukkan URL label pada bagian Alamat Web (URL), lalu klik “Simpan Tautan“. Ulangi untuk memasukkan label berikutnya.
Klik “Simpan“.
Isi “Judul laman” dengan nama label dan masukkan URL label pada bagian “Alamat Web (URL)”
Catatan: Struktur URL untuk label ialah http://namablog.blogspot.com/search/label/XXXXX%20XX –> Gantikan XXXXX dengan nama label, dan jika nama label Anda ada spasi-nya (Msalnya “Kategori 1”), gunakan “%20” untuk menggantikan spasi.
4. Kini blog Anda sudah memiliki menu 🙂
Tampilan default, tanpa menu Tampilan Blogspot dengan menu
Makasi tutorialnya Mbak, bermanfaat sekali, tapi bagaimana jika menu sudah tersedia di template blog yg saya unduh, jadi ceritanya saya baru unduh template blog baru utk blog saya, dan menu saya ganti, namun pd akhirnya kejebak di kode HTML 〒_〒 mohon bantuannya BP, apakah tutorial diatas bs diterapkan di template yg saya ganti? Makasi
Hai Zee 🙂 Tutorial ini hanya untuk simple template yang basic bawaan Blogspot. Kalau dengan template yang beda, kode CSS yg ada di tutorial ini tidak akan merubah tampilan karena selector di CSS-nya tidak sama.
Makasih tutorialnya, enih yang eikeh cari
Halo…
Mba saya sudah menerapkan semua yg disarankan dan menu sudah jadi, tetapi ketika diklik link-nya ternyata error page not found…
Apanya yang keliru yah? Makasih sebelumnya..
Kemungkinan link-nya salah; kalau saya lihat link di menu mengarahnya ke “http://amutualism.com/search/label/ChitChat: sedangkan link yang benar ada spasi-nya “http://www.amutualism.com/search/label/Chit%20Chat”.
Mak, aku udah nyoba tapi kok gagal ya? Hiks…. link yang mana dulu dicopy terus dikasih 20%?
terimakasih mbak, tutotialnya
kalau untuk menu dropdown bagaimana mbak?
terimakasih
pagi mba..salam kenal..senang deh gabung di blogger perempuan dan langsung dapat ilmu.sy udah praktekan dan berhasil menambahkan 3 item di menu, yakni beranda, kontak, facebook dan twitter
masalahnya sekarang sy mau menambahkan Label ke Menu
Label saya kan banyak tuh mba..sy mau perkecil dulu itemnya dan mau masukan ke Menu
Nah cara memasukan masing-masing item Label ke Menu gimana mba…
mohon bantuannya..thanks
Terima kasih atas Artikelnya Kakak… 🙂 Sangat bermanfaat sekali artikel ini bagi saya…
#Salam…
Mba….kalo pake wordpress gimana ? Ada ga cara2nya
wordpress ada di appearance -> menu -> isi menunya dan klik untuk muncul di posisi mana
Assalaamu’alaikum..
Terimakasih banyak Mbak, tutornya sangat membantu..
sya newbie yg kmarin smpet linglung krn salah ngoprek dan akhirnya kehilangan “menu”, tapi sekarang sudah kembali karena tutor Mbak yg mudah sya pahami.
Terimakasih banyak ya Mbak.
Wassalaamu’alaikum..
Wa’alaikumsalaam,
Sama-sama mba Sukma, alhamdulillah kalau tutorialnya membantu ^_^
Hai mbak, aku mau tanya.
Aku sudah pernah menerapkan cara yang Mbak kasih.
Tapi kalau aku cuma 3-4 Halaman, gimana caranya agar “kotak-kotak” itu ada ditengah home?
thankyou
Membuat menu jadi rata tengah bisa pakai CSS, refer ke artikel yang ini ya: http://bloggerperempuan.com/kustomisasi-menu-blogspot/
Semoga membantu 🙂
Terima kasih. Sangat membantu bagi newbie spt saya. Salam kenal.
Wakakaka… emang perempuan lebih simple.
Dah 2 hari ane nyari-nyari eh akhirnya dapet lentera di #bloggerperempuan.com.
Mantab n thx ya. Ok salam sukses selalu!
aaa.. thankyouuuu.. infonya membantu sekali :)) daripada harus edit html
CARA MEMBUAT MENU DROPDWON NYA GIMANA
Terima kasih yaa, artikelnya sangat membantu untuk membuat menu di blog newbie seperti saya .. sukses terus buat Blogger Perempuan .. ^_^
trimakasih Infonya, sudah saya coba dan bisa, untuk info lanjutannya di tunggu
Lah kudet nih aku, aku bikin menunya di edit HTML nya pake coding ala-ala >.<, ternyata bisa begitu toh caranya, hahahha makasih mba Nice info
Terima Kasih ,saya bisa belajar di sini
Bismillah mau di praktekin, semoga sukses. Thanks infonya
Mba kalau mau pasang link downloagimana sih? Newbie nih 🙁
Terima kasih tutorialnya bagus sekali teh sangat penting bagi blogger pemula