Selamat siang, kawan. Apa kalian masih semangat untuk ngeblog? Hehe. Semoga musim hujan saat ini tidak menyurutkan semangat kita untuk terus ngeblog. Di kesempatan kali ini, Saya akan melanjutkan tutorial dasar untuk mengoptimalkan blog.
Sebelumnya pada postingan Membuat Readmore Otomatis, saya menyebutkan ada beberapa faktor yang mempengaruhi kenyamanan pengunjung di blog kita. Nah, yang satu ini juga merupakan bagian penting, yakni Menu Navigasi. Sesuai namanya, menu navigasi memudahkan blogger dan juga pengunjung melihat bagian-bagian blog. Hal ini tentunya juga akan memudahkan pengunjung untuk mengecek isi keseluruhan blog.
Okey, tanpa basa-basi lagi, ikuti langkah-langkah di bawah ini:
1. Log-in ke blog, pilih "TEMPLATE", kemudian "Edit HTML".
2. Selanjutnya, cari kode </head> (gunakan Ctrl+F untuk mempermudah pencarian).
3. Setelah itu, copy+paste kode berikut tepat di bawah kode </head>
<div id='menunav'>
<ul class='menunav'><li><a href='/'>Home</a></li>
<li><a href='your-link-here'>About</a></li>
<li>
<a href='your-link-here'>Portfolio</a>
<ul>
<li><a href='your-link-here'>Web Design</a></li>
<li><a href='your-link-here'>Web Development</a></li>
<li><a href='your-link-here'>Illustrations</a></li>
</ul>
</li>
<li><a href='your-link-here'>Blog</a></li>
<li><a href='your-link-here'>Contact</a></li>
</ul></div>
*Keterangan:
- Warna Merah, ganti dengan nama menu navigasi sesuai keinginan.
- Warna Biru, ganti dengan link navigasi.
4. Simpan template. Lihat hasilnya! Selesai.
Demikian tutorial untuk membuat menu navigasi, sangat mudah, kan? Jika kawan-kawan mempunyai pertanyaan seputar postingan di atas, langsung saja ke kolom komentar. Saya akan senang bisa membantu. Terimakasih!
Emmm kenapa waktu saya copy dan paste kan kode di atas hasilnya tidak sesuai dnegan yang ada di gambar kang? :/
ReplyDeleteIkuti cara di atas dengan teliti, gan. Pasti bisa.
Delete