Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara mudah membuat Menu navigasi diatas postingan blog

Cara membuat Menu Navigasi di blog

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 untuk "Cara mudah membuat Menu navigasi diatas postingan blog"