Skip to main content

Cara Edit Menu Navigasi Pada Template Viomagz dengan Mudah


Template viomagz versi 3.2 dan sebelumnya merupakan sebuah template blogger yang di buat oleh mas sugeng yang sangat terkenal di kalangan blogger, bagaimana tidak, template yang di tawarkan memiliki banyak kelebihannya sendiri seperti responsif, mobile friendly, ringan, tampilan yang mudah untuk di edit-edit serta masih banyak kelebihan yang dimiliki oleh template ini.

Template ini sebenarnya adalah template premium berbayar, akan tetapi karena sudah banyak yang mengcloning bahkan ada ynag mengshare ulang blog ini, hingga akhirnya template ini banyak berdar secara gratis di internet.

tampilan yang simpel membuat para blogger jatuh cinta terhadap template ini, salah satunya adalh menu navigasi yang ada di template viomagz, mungkin banyak kawan kawan yang saat ini kebingungan dalam mengedit template viomagz, khususnya bagian menu navigasi, nah berikut ini saya akan memberikan sebuah tutorial cara mudah dalam mengedit menu navigasi di template viomagz:

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 Edit Menu Navigasi Pada Template Viomagz untuk semua versi, semoga artikel ini sangat bermanfaat dan jangan lupa di Follow blognya.

Adss Policy: Mohon maaf atas iklan yang tayang di blog ini jika tidak berkenaan, karena itu di luar dari tanggung jawab publiser.
Buka Komentar
Tutup Komentar