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
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
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.
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.
<ul>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a></li>
</ul>
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.
<ul> (ini adalah tag pembuka ul pertama)
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a>
<ul> (ini adalah tag pembuka ul kedua)
<li><a href='#'>SubMenu 1</a></li>
<li><a href='#'>SubMenu 2</a></li>
</ul> (ini adalah tag penutup ul kedua)
</li>
</ul> (ini adalah tag penutup ul pertama)
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.
The post Cara Mengedit Menu Navigasi Template Blogger appeared first on Blog Wendy.
Artikel ini hanyalah simpanan cache dari url asal penulis yang berkebarangkalian sudah terlalu lama atau sudah dibuang :
https://www.wendyandriyan.info/cara-mengedit-menu-navigasi-template-blogger/