Cara mudah membuat Menu navigasi diatas postingan blog
Daftar Isi
Membuat Blog yang Sukses dan berkualitas tentu menjadi impian semua Bloggers. untuk bisa mencapai sebuah kesuksesan itu, banyak cara dalam membangunnya. salah satunya adalah SEO. membuat Blog yang SEO juga membutuhkan kesabaran, ketekunan dan keuletan serta ketelitian tinggi dalam membuatnya.
Nah, Tulisan yang akan kami bahas kali ini adalah cara membuat Menu navigasi diatas postingan. sebelum melangkah ke inti pembahasan ada baiknya saya akan membahas sedikit tentang menu navigasi diatas postingan !!
Menu navigasi adalah menu yang didalamnya berisikan sebuah kata kunci Artikel atau Lebel dari sebuah artikel.
contohnya :
diatas postingan terdapat 4 menu dan 2 sub menu pada masing-masing menu
gambarnya seperti ini
menu 1 > sub menu 1
> sub menu 2
menu 2 > sub menu 1
> sub menu 2
menu 3 > sub menu 1
> sub menu 2
menu 4 > sub menu 1
> sub menu 2
penjelasannya seperti ini
Menu : kategori utama yang mencakup isi Blog secara keseluruhan
sub menu : kategori yang lebih spesifik dan lebih ngenak lagi.
contoh : sobat membahas sebuah isi artikel tentang 2 Topik yang satu kategori namun berbeda.
artikel pertama
Harga Mobil bekas Toyota Avanza 2020
artikel kedua
Harga Motor N max 2020 bekas dipasaran
Jadi, secara keseluruhan 2 artikel diatas sama-sama membahas satu kategori yaitu Otomotif. Namum berbeda Topik.
Topik pertama membahas tentang Mobil
Topik kedua membahas tentang Motor
Gambarannya akan seperti ini
Otomotif > Mobil
> Motor
Mobil masuk dalam kategori otomotif
Motor juga masuk kategori otomotif
sampai disini bisa dipahami sobat ?
begitu pula dengan Menu dan sub menu yang lain. Sobat bisa membuat Kategori
yang sesuai dengan isi artikel sobat.
untuk cara membuat Menu dan Sub menu silahkan sobat baca Tutorial dibawah ini secara berurutan agar tidak bingung.
Cara membuat Menu navigasi diatas postingan
Jika Dasbor bloger sobat masih tampilan lama, maka lakukan cara ini
- masuk ke "dasbor" blogger sobat
- pilih menu "Thema" atau Tema
- pilih menu "edit HTML"
jika sobat menggunakan Smartphone lakukan cara ini
- masuk ke "Dasbor blogger" sobat
- pilih menu "Coba blogger baru"
- pilih menu "titik tiga" di kanan atas
- pilih menu "edit HTML"
gambarnnya seperti ini
jika sobat sudah masuk kedalam HTML
silahkan cari kode ini
<li><a href="#"> Menu</a></li>
kalau sudah ketemu, ganti tanda # dengan URL halaman blog sobat dan ganti tulisan Menu dengan Nama sesuai keinginan sobat.
Contohnya seperti ini
<li><a href="https://www.cahsantri.com/2020/07/membaca-pesan-chat-whatsapp-yang-telah-dihapus.html "> Otomotif</a></li>
Untuk membuat sub menu lakukan hal yang sama seperti diatas
Jika sobat ingin menambah menu
Tambahkan kode dibawah ini dan letakkan sebelum kode <ul>
<li><a href="#"> Menu</a></li>Jika sobat ingin menambah Menu dan sub menu, Tambahkan kode dibawah ini dan letakkan sebelum kode </ul>
<li class="has-sub"><a href="#">Menu Utama</a>
<ul>
<li><a href="#">Submenu Satu</a></li>
<li><a href="#">Submenu Dua</a></li>
<li><a href="#">Submenu Tiga</a></li> </ul>
</li>
Terahir jangan lupa disimpan dan silahkan lihat hasilnya dan hasilnya akan seperti ini
Tampilan Blog akan seperti ini
Mudah sekali bukan, itulah cara membuat Menu navigasi diatas postingan. Jika sobat masih bingung atau kurang paham silahkan komentar dibawah, Dan silahkan ikuti blog ini agar sobat bisa mendapatkan informasi terbaru.
Baca juga :
Posting Komentar