Cara Mengedit Menu Navigasi Template Blogger

Mengedit menu navigasi template pada blog merupakan hal yang terpenting, dimana navigasi menu digunakan sebagai petunjuk bagi pengunjung.

Dengan adanya navigasi menu, pengunjung akan lebih leluasa menjelajahi blog dan memungkinkan pengunjung akan betah berlama-lama.

Semakin lama pengunjung blog berada di blog kamu maka akan semakin baik blog kamu di mata mesin pencari google.

Navigasi menu blog terletak dibagian header atau dibagian atas tampilan blog, yang nantinya ketika navigasi menu itu diklik maka akan mengarah ke halaman yang sudah ditentukan oleh kamu.

Untuk bentuknya sendiri ada yang single menu dan ada yang dropdown, tergantung kebutuhan kamu sebagai pemilik blog.

Navigasi Menu Template Blogger
Navigasi Menu Template Blogger

Pada artikel ini akan menjelaskan cara mengedit dan mengarahkan navigasi menu template blogger, akan tetapi template yang digunakan bukan bawaan blogger ya.

Kamu bisa mencari template blog di internet atau membeli template blogger premium yang relatif murah harganya.

Untuk cara mengedit navigasi menu template blogger, berikut adalah caranya.

Langkah #1. Masuk ke Dashboard Blogger

Pastikan kamu sudah login terlebih dahulu ke blogger.com dan sudah masuk ke dashboardnya. Setelah itu pilih Theme dan pilih Edit HTML

Dashboard Blogger

Langkah 2. Cari Kode <li>

Setelah masuk ke Edit HTML, kamu cari kode <li> dengan cara menekan tombol CTRL+F.

<li> adalah sebuah kode HTML pada template blogger yang digunakan untuk membuat navigasi menu dan biasanya diakhiri dengan kode penutup </li>.

Berikut adalah contoh kode HTML navigasi menu pada template blogger.

Kode HTML Navigasi Menu Template Blogger

Langkah 3. Mengganti URL dan Nama Navigasi Menu

Link tujuan biasanya terletak pada kode <a href=’linktujuan‘>

Untuk nama navigasi menunya terletak setelah kode <a href=’linktujuan‘>Nama Menu Navigasi</a>

Berikut adalah contoh kodenya.

Kode diatas hanya sebagai contoh saja, untuk mengganti URL atau link tujuan silahkan kamu ganti tanda # dengan link tujuan yang kamu inginkan.

Link tujuan biasanya berasal dari link label postingan, maka dari itu penting sekali memberikan label pada setiap artikel yang akan kamu buat, terlebih lagi jika blog kamu membahas lebih dari satu pembahasan.

Langkah 4. Membuat Menu Dropdown

Menu dropdown adalah sebuah sub-menu dari single menu, dimana ketika single menu di klik maka akan muncul banyak menu lainnya.

Untuk membuat menu dropdown, berikut adalah contoh kodenya.

Perhatikan kode HTML diatas yang bertuliskan menu 3, disana tidak ditambahkan kode penutup </li> melainkan kode <ul>.

Nah, penambahan kode <ul> ini lah yang berguna untuk membuat menu dropdown.

Setelah kode <ul>, baru kamu bisa memasukan kode HTML single menu dibawahnya dan diakhiri dengan tag penutupnya.

Kesimpulan:

Cara untuk mengedit menu navigasi pada template blogger sangatlah mudah, kamu hanya perlu memperhatikan setiap kodenya HTMLnya saja.

Kamu hanya perlu memperhatikan alur kodenya saja, alurnya adalah setiapkali ada kode pembuka, maka harus ada kode penutupnya. Itu adalah alur dari bahasa pemrograman.

Dengan begini, kamu bukan hanya belajar menjadi seorang blogger tetapi belajar dasar HTML.

 

Leave a Reply