Cara Menambahkan Menu Navigasi di LinkMagz Blogger Template

Cara Membuat, Memasang, atau Menambahkan Menu Navigasi di LinkMagz Blogger Template

Kali ini izinkan saya berbagi tutorial bagaimana caranya menambahkan menu navigasi di LinkMagz blogger template karena masih banyak blogger yang belum mengerti.

Menu Navigasi adalah keseluruhan artikel yang sengaja dibagi berdasarkan kategori web blog, yang apabila diklik akan mengarah ke kumpulan postingan artikel menurut kategorinya (label) masing-masing.

Cara Menambahkan Menu Navigasi di LinkMagz Blogger Template

1. Seperti biasa... masuk ke blogger, lalu klik edit pengaturan pada tata letak (layout) kode menu navigasi.

2. Salin (copy) kode di bawah ini, sesuai dengan apa yang dipasang/digunakan di template blogger yang sekarang saya pakai, yaitu:

<li><a href="/search/label/Setting%20Blogger?&amp;max-results=6">Setting Blogger</a></li>
<li class="has-sub"><a href="#">Blog Tools</a>
 <ul>
   <li><a href="/p/parse-html.html">Parse HTML</a></li>
   <li><a href="/p/word-counter.html">Word Counter</a></li>
   <li><a href="/p/color-picker.html">Color Picker</a></li>
 </ul>
</li>
<li><a href="/2020/03/cara-download-link-magz-blogger-template.html">Download Template Blog</a></li>

3. Selanjutnya, tinggal tekan tombol simpan. Ok selesai.

Settingan Navigasi Menu (Expert)

Yang perlu diperhatikan di sini adalah terdapat beberapa settingan (konfigurasi) tambahan yang sudah dilakukan. Apa-apa saja?

Apa itu %20 pada navigasi menu? Kode %20 merupakan "spasi", untuk memisahkan setiap kata pada kategori artikel yang sudah terpasang. Makanya, saya memasangnya.

Sedangkan kode: ?&max-results=6, merupakan kode yang bertugas untuk menampilkan hanya 6 buah postingan per halaman. Jika ingin melihat artikel yang selanjutnya, cukup tekan tombol halaman selanjutnya (next page).

Untuk kode berikut, sebagai "menu induk", yakni:

<li class="has-sub"><a href="#">Blog Tools</a>

Kawan-kawan hanya perlu menambahkan simbol tagar (#), karena kita diklik, tidak akan berefek apa-apa. Toh ketika diklik oleh pembaca, tujuannya mereka kan cuma ingin tahu apa isi dari sub-menu yang ada. Ya, kan?

Yang terakhir yaitu perhatikan link berikut:

/search/label/Setting%20Blogger

Saya tidak menggunakan awalan url web blog seperti ini:

https://linkmagzblog.blogspot.com/search/label/Setting%20Blogger?&max-results=6

Alasannya karena terlalu panjang. Sistem Google juga memahami kok apa yang kita maksud dan inginkan. Makanya, cukup mengawalinya dengan: ... /search/ ...

Selain itu, ketika kita sudah menggantinya ke domain berbayar (web.id, .com, .net, dll), link url awalannya akan berubah secara otomatis mengikuti domain yang sudah di-custom.

Generator Kode HTML Menu Navigasi (Mas Sugeng Blog)

Bagi yang ingin menambahkan navigasi menu secara mudah dan cepat, silakan masuk ke Generator Kode HTML Menu Navigasi yang sudah disediakan. Ok semoga berguna.

Thanks for reading Cara Menambahkan Menu Navigasi di LinkMagz Blogger Template! 😃