Cara Membuat Menu Navigasi di Blogger Template Elegance

Membuat Menu Navigasi di Blogger Template Elegance


Apakah Anda pernah merasa bingung saat mengunjungi sebuah blog yang tidak memiliki menu navigasi yang jelas? Ibarat masuk ke sebuah toko tanpa petunjuk, Anda pasti akan kesulitan menemukan apa yang dicari.

Hal yang sama berlaku untuk blog. Menu navigasi atau menu bar adalah "peta" utama blog Anda. Fungsinya sangat krusial: tidak hanya membantu pengunjung menemukan artikel atau halaman penting dengan cepat, tetapi juga menjadi elemen kunci yang membuat blog terlihat profesional dan kredibel.

Pada template Blogger populer seperti Elegance, proses membuat menu navigasi terlihat sederhana, namun ada beberapa tips dan langkah terperinci yang sering terlewatkan. Artikel ini akan memandu Anda secara lengkap, mulai dari persiapan dasar hingga trik membuat menu dropdown yang elegan, untuk memastikan blog Anda memenuhi standar kualitas tinggi yang dicari Google AdSense.

Bagian 1: Persiapan Penting Sebelum Memulai

Sebelum kita mulai mengatur menu di dashboard, ada beberapa hal yang harus Anda rencanakan agar hasilnya maksimal dan rapi.

1. Rencanakan Struktur Menu Anda

Tentukan kategori artikel atau halaman apa saja yang menjadi topik utama blog Anda. Apakah Anda berfokus pada teknologi, gaya hidup, atau gabungan dari keduanya? Membuat daftar kategori akan memudahkan Anda dalam menyusun menu.

Contoh:

  • Blog Niche Teknologi: Tutorial, Review Gadget, Berita, Tips & Trik
  • Blog Gado-Gado: Tutorial, Artikel, Cerita, Fotografi, Tips Komputer

2. Buat Halaman (Pages) yang Diperlukan

Selain kategori artikel, pastikan Anda sudah memiliki halaman-halaman statis yang esensial. Halaman ini wajib ada jika Anda ingin disetujui AdSense.

  • About Us: Menjelaskan siapa Anda dan tujuan blog ini.
  • Contact Us: Menyediakan cara agar pengunjung bisa menghubungi Anda.
  • Privacy Policy: Halaman ini sangat penting. Isinya menjelaskan bagaimana Anda mengumpulkan, menggunakan, dan melindungi data pengunjung.
  • Disclaimer: Jika Anda memiliki konten yang bisa dipertanggungjawabkan (seperti artikel kesehatan atau keuangan), halaman ini penting untuk memberikan batasan tanggung jawab.

Anda bisa membuat halaman-halaman ini melalui menu Halaman di dashboard Blogger. Setelah dibuat, Anda bisa menampilkan atau menyembunyikannya dari sidebar sesuai kebutuhan.

3. Pahami Perbedaan Antara Halaman dan Label

  • Halaman (Pages) adalah konten statis yang biasanya berisi informasi yang tidak sering berubah, seperti About Us atau Contact Us.
  • Label (Labels) adalah kategori atau tag yang digunakan untuk mengelompokkan artikel. Tutorial, Fotografi, dan Tips Komputer adalah contoh label.

Menu navigasi Anda akan menggabungkan keduanya: menampilkan halaman statis dan juga link ke kumpulan artikel berdasarkan label.

Bagian 2: Langkah-Langkah Membuat Menu Navigasi Standar

Jika Anda sudah memiliki semua halaman dan label yang diperlukan, sekarang saatnya masuk ke dashboard.

Langkah 1: Akses Dashboard dan Menu Tata Letak

  1. Buka browser Anda dan login ke akun Blogger.
  2. Pilih blog yang ingin Anda edit.
  3. Di panel sebelah kiri, klik menu Tata Letak (Layout).

Langkah 2: Tambahkan Gadget "Halaman"

  1. Di halaman Tata Letak, perhatikan struktur blog Anda. Cari bagian yang bertuliskan Menu Navigasi atau Top Menu. Posisinya biasanya di bawah gadget Header.
  2. Klik Tambahkan Gadget (Add a Gadget).
  3. Di jendela pop-up, gulir ke bawah dan pilih gadget bernama Halaman (Pages).

Langkah 3: Pilih Halaman dan Tambahkan Tautan Eksternal

Setelah gadget Halaman terbuka, Anda akan melihat daftar halaman yang sudah Anda buat.

  • Centang halaman yang ingin ditampilkan di menu, seperti Home, About, Contact, Privacy Policy, dan lainnya.
  • Untuk menambahkan link ke kategori artikel (Label), klik + Tambahkan Tautan Eksternal.

  • Nama Halaman: Isi dengan nama label yang ingin Anda tampilkan (misalnya, Tutorial atau Tips Komputer).
  • URL Halaman: Isi dengan URL label tersebut. Contoh: https://namabloganda.blogspot.com/search/label/Tutorial. (Pastikan URL-nya benar).
  • Klik Simpan Tautan. Ulangi langkah ini untuk semua kategori yang ingin Anda tambahkan.

Langkah 4: Atur Urutan Menu dan Simpan

  1. Gunakan fitur drag & drop (klik dan seret) untuk mengatur urutan menu sesuai keinginan Anda.
  2. Setelah urutan sesuai, klik tombol Simpan pada gadget Halaman.
  3. Klik Simpan Tata Letak yang ada di bagian atas halaman Tata Letak.

Langkah 5: Periksa Hasil Akhir

Buka blog Anda di tab baru dan refresh halaman. Menu navigasi akan tampil di posisi yang sudah Anda tentukan. Pastikan semua menu yang Anda klik mengarah ke halaman atau label yang benar.

Bagian 3: Panduan Tingkat Lanjut: Membuat Dropdown Menu (Menu Bersarang)

Jika Anda ingin tampilan menu yang lebih profesional dengan sub-menu (misalnya, menu Tutorial memiliki sub-menu Blogger, WordPress, dan SEO), Anda perlu sedikit mengedit HTML.

Penting: Selalu cadangkan (backup) template Anda terlebih dahulu melalui menu Tema > Cadangkan/Pulihkan untuk menghindari kesalahan.

  1. Ikuti Langkah 1-2 di atas (Tambahkan gadget Halaman).
  2. Pada gadget Halaman, hapus semua link yang sudah Anda centang atau tambahkan sebelumnya. Biarkan kosong.
  3. Klik Simpan.
  4. Sekarang, klik Tambahkan Gadget lagi, tapi kali ini pilih gadget bernama Daftar Tautan (Link List).
  5. Isi judul gadget sesuai keinginan, misalnya Menu Navigasi.
  6. Di bagian bawah, klik Tambahkan Tautan.

        - Untuk menu utama, masukkan Nama Situs dan URL Situs normal (misalnya: Home dan 

      https://namabloganda.blogspot.com).
        - Untuk membuat sub-menu, tambahkan tautan dengan awalan _ (garis bawah) di depan nama. 

          Contoh:
          - Nama Situs: Tutorial (ini menu utama)
          - Nama Situs: _Blogger (ini sub-menu dari Tutorial)
          - Nama Situs: _WordPress (ini sub-menu)
          - Nama Situs: Artikel (ini menu utama lain)

  1. Simpan tautan satu per satu, lalu atur urutannya sesuai hierarki.
  2. Setelah selesai, klik Simpan pada gadget Daftar Tautan dan Simpan Tata Letak.

Template Elegance sudah memiliki skrip bawaan untuk membaca awalan _, sehingga menu dropdown akan muncul secara otomatis.

Bagian 4: Kesimpulan dan Tips Pro

Memiliki menu navigasi yang rapi tidak hanya mempercantik blog, tetapi juga memberikan kesan profesional yang sangat disukai pengunjung dan mesin pencari. Dengan panduan ini, Anda telah meningkatkan kualitas blog Anda secara signifikan.

Ingatlah, pengalaman pengguna adalah segalanya. Menu yang mudah dinavigasi akan membuat pengunjung betah berlama-lama, menurunkan tingkat bounce rate, dan pada akhirnya, meningkatkan peluang Anda untuk disetujui AdSense dan sukses dalam jangka panjang.

Posting Komentar

0 Komentar