Cara Mengedit Menu Navigasi Pada Template Viomagz Versi Berapapun | Maker Blues

Cara Mengedit Menu Navigasi Pada Template Viomagz Versi Berapapun - Oke pada kesempatan kali ini saya akan berbagi tutorial Cara Mengedit Menu Navigasi Pada Template Viomagz Versi Berapapun. Pada template Viomagz dari versi pertama sampai sekarang terdapat dua menu navigasi yaitu di samping Header dan di bagian Footer.

Seperti gambar di atas pada bagian Header terdapat menu Navigasi dan Sub Menu yang harus kita edit sesuai Niche Blog kita dan kita pasang Url tujuan sesuai isi kata pada Niche Blog tersebut.

Begitupun di bagian Footer terdapat menu Navigasi yang simbolisnya kusus buat seperti Privacy Policy, Disclaimer, Term Of Service, Contact Us, dan About.

Nah bagaimana cara mengedit dan merubah pada menu tersebut, agar bisa di pasang Url yang kita mau.

Oke simak baik - baik ya, kita mulai dari menu Navigasi Header dulu.

Cara Merubah Menu Navigasi Disamping Header Viomagz

1. Login ke Blog kamu.

2. Pilih Theme atau Template.

3. Pilih edit HTML.

4. Cari kode di bawah ini ( Gunakan CTRL+F untuk mempermudah pencarian )

<!-- menu navigasi header start --> <ul> <li>
<a href='#'>Menu</a></li> <li>
<a href='#'>Menu</a></li> <li>
<a href='#'>Menu</a></li> <li>
<a href='#'>Menu</a> <ul> <li>
<a href='#'>SubMenu1</a></li> <li>
<a href='#'>SubMenu2</a></li> <li>
<a href='#'>SubMenu3</a></li>
 </ul> </li> <li>
<a href='#'>Menu</a> <ul> <li>
<a href='#'>SubMenu1</a></li> <li>
<a href='#'>SubMenu2</a></li> <li>
<a href='#'>SubMenu3</a></li> <li>
<a href='#'>SubMenu4</a></li> </ul> </li> </ul> 
<!-- menu navigasi header end -->

5. Rubah pada bagian nama Menu dan SubMenu dengan kebutuhuan menu kamu lalu hapus pada tanda # dan ganti dengan Url tujuan sesuai nama menu yang kamu ganti.

Keterangan :
Untuk menghapus Menu tersebut kamu cukup hapus dari <li> sampai </li>.
Contoh kamu mau menghapus Menu maka kamu cukup menghapus seperti kode di bawah ini :

<li><a href='#'>Menu</a></li> 

Dan jika kamu ingin menghapus bagian SubMenu cukup hapus kode seperti di bawah ini :

<li><a href='#'>SubMenu3</a></li>

6. Jika kamu mau menambahkan Menu atau SubMenu cukup copy kode di atas lalu letakan sesuai kebutuhan.

Cara Mengedit Dan Merubah Menu Dibagian Footer

1. Masih pada bagian edit HTML

2. Cari kode di bawah ini ( Gunakan CTRL+F untuk mempermudah pencarian )

<!-- menu navigasi footer start --> 
<ul>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Privacy Policy</a></li> 
<li><a href='#'>Disclaimer</a></li> 
</ul> 
<!-- menu navigasi footer end -->

3. Rubahlah Text pada bagian Contoh : About, Contact dengan Text kamu dan jangan lupa hapus tanda # dan ganti dengan Url Link kamu.

4. Jika sudah jangan lupa Save atau Simpan Tema anda dan lihat hasilnya.

Begitulah Cara Mengedit Menu Navigasi Pada Template Viomagz Versi Berapapun, semoga artikel ini sangat bermanfaat dan jangan lupa kasih tau teman - teman ya.