Cara Membuat Sub Navigasi di Template Viomagz

    Oke Sob, cara menambah halaman di menu navigasi sudah kita bedah tutorialnya sebelumnya di artikel Tutorial Menambahkan Halaman di Menu Navigasi Template Viomagz. Berikutnya kita akan belajar menambahkan Sub Navigasi. Seperti namannya; Sub navigasi yang artinya kita akan membuat cabang atau semacam list halaman vertikal yang akan muncul saat kursor diarahkan ke menu navigasi tersebut. (Lihat gambar dibawah)

    Manfaat dari fitur ini kita bisa menghemat lebih banyak ruang navigasi agar nantinya bisa diisikan dengan lebih banyak halaman yang ingin ditampilkan kepada para pembaca blog dan tentunya agar semakin estetik di mata para pembaca serta terlihat lebih profesional. Penasaran dengan tutorialnya? Simak Step by stepnya di bawah ini :

1. Seperti biasanya, masuk ke halaman Dashboard blogger kalian masing-masing,

2. Masuk ke menu Tata letak dan silahkan klik ikon bergambar pena pada bagan 'Kode Menu Navigasi'

3. Tempelkan kode dibawah ini :

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

<ul>

<li><a href="https://mashilman.blogspot.com/p/jasa-pengetikan.html">KETIK ULANG</a></li>

</ul>

</li>

    Ganti tulisan warna merah dengan link URL yang akan dipasang kemudian ganti tulisan oranye dengan teks yang akan ditampilkan di halaman blog. Apabila ingin menambahkan sub navigasi lagi silahkan pastekan lagi kode dibawah ini :

<li><a href="https://mashilman.blogspot.com/p/pasang-iklan-murah.html">PASANG IKLAN</a></li>

Letakkan kode tersebut sebelum kode :

</ul>

</li>

Maka hasilnya akan seperti ini;

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

<ul>

<li><a href="https://mashilman.blogspot.com/p/jasa-pengetikan.html">KETIK ULANG</a></li>

<li><a href="https://mashilman.blogspot.com/p/pasang-iklan-murah.html">PASANG IKLAN</a></li>

</ul>

</li>

Agar tidak merasa kebingungan silahkan cocokkan dengan gambar dibawah ini. Setelah semuanya beres jangan lupa disimpan.

    

    Nah itu dia sob cara membuat Sub Navigasi di Template Viomagz yang bisa penulis sharing untuk kalian para pembaca blog tercinta. Jika masih merasa agak kesulitan atau kebingungan dengan pemasangan kode-kode HTML silahkan ikuti tutorialnya sambil melihat gambar yang sudah tersedia, dan jika masih tidak mampu juga silahkan cantumkan pertanyaan di kolom komentar.

Sekian dan Terima Kasih 🌟

Share :