Pada tutorial sebelumnya kita telah belajar mengenai apa itu Header. Selanjutnya kita akan memasuki langkah-langkah pembuatan Menu Navigasi pada halaman blog. Menu Navigasi memiliki fungsi yang juga tak kalah penting karena menjadi persyaratan kelayakan saat mengajukan monetisasi.
 |
| Menu Navigasi Blog (Sebelum) |
Tujuan dibuatnya menu navigasi di sini dimaksudkan untuk menyediakan fasilitas kepada pembaca yang berkunjung ke blog kita agar mudah mengakses setiap halaman yang mereka butuhkan.
Menu navigasi haruslah dapat diakses, jangan sampai menu-menu tersebut hanya menjadi pajangan semata di halaman blog. Oleh karena itu pada tutorial kali ini akan kita pelajari bersama-sama langkah demi langkah membuat menu navigasi khususnya bagi yang menggunakan tema/template LinkMagz dari mas Sugeng. Untuk pengguna tema blog lain silakan disesuaikan yah.
 |
| Halaman Statis "Tentang" |
Pertama-tama silakan login dulu ke halaman dashboard blogger. Setelah itu pilih menu Halaman pada panel navigasi menu sebelah kiri. Oh iya, di sini penulis akan membuat sebuah Menu Navigasi Tentang (About) yang menggambarkan isi keseluruhan blog. Pada menu halaman ini kita akan membuat dulu sebuah halaman statis. Untuk cara pembuatannya sama seperti membuat postingan terbaru.
Selanjutnya, setelah membuat halaman “Tentang” kita pergi ke menu Tata Letak. Cari bagian blog yang judulnya Menu Navigasi. Setelah itu pilih edit yang ada di sampingnya. Setelah muncul kotak konfigurasi HTML/Java Script, centang pada kotak Tampilkan HTML/Java Script. Kemudian pada kotak konten tuliskan kode tag HTML berikut: <li> <a href=”isikan link url di sini”>Tentang</a></li>.
 |
| Tata Letak Menu Navigasi |
Untuk melihat alamat url dari halaman Tentang yang sebelumnya dibuat. Kalian dapat meng-klik pada icon lihat (lihat pada gambar sebelumnya). Salin dan tempelkan alamat url tersebut pada kode tag HTML yang berwarna merah dan diapit tanda petik (lihat contoh pada gambar). Setelah itu simpan dan refresh halaman blog. Jika berhasil maka akan muncul menu Tentang tepat di samping Beranda (Home).
 |
| Menu Navigasi Blog (Sesudah) |
Jika kalian ingin menambahkan menu lagi di samping Menu Tentang dapat menyalin kode sebelumnya, lalu tempelkan di bawahnya, ganti kata Tentang dengan menu selanjutnya, misalnya Kontak. Sehingga akan terlihat ada dua baris tag HTML di dalam kotak konten.
Baca Juga:
Selebihnya silakan disesuaikan dengan keperluan pembaca sekalian. Demikian Cara membuat menu navigasi pada blog. Semoga tulisan ini bermanfaat dan dapat digunakan oleh para blogger pemula. Sampai jumpa lagi di artikel selanjutnya.
Tags:
#Teknologi