setelah kemarin saya membahas bagai mana cara memasang template VioMagz dan sekarang di bawah ini adalah panduan cara pemasangan Menu Navigasi template premium VioMagz. Silakan dibaca secara pelan-pelan dan teliti supaya templatenya terpasang dengan baik dan benar.
Mengedit Menu Navigasi
Pada template VioMagz terdapat dua menu navigasi. Menu Navigasi pertama terletak di sebelah kanan Header, dan yang kedua terletak di atas Footer.
Untuk mengedit kedua menu navigasi sobat harus mengeditnya melalui menu Edit HTML.
Login ke “Blogger” > Masuk ke menu “Tema” > Klik “Edit HTML”.
Menu Navigasi Pertama (Sebelah Kanan Header)
Cari kode ini di dalam kode template:
<!-- 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 -->
Edit text dengan background berwarna merah dengan URL tujuan dan warna hijau dengan nama menu yang diinginkan.
- Menghapus Menu
Untuk menghapus salah satu menu cukup hapus dari kode <li> sampai </li>. Misalnya ingin menghapus menu “SubMenu4” maka hapus kode :
<li><a href='#'>SubMenu4</a></li>
- Menambah Menu
Untuk menambahkan menu, copy kode ini:
<li><a href='#'>NamaMenu</a></li>
Paste kode tersebut di atas kode :
</ul>
<!-- menu navigasi header end -->
- Menambah Menu dengan SubMenu :
Untuk menambahkan menu dengan submenu, copy kode ini :
<li><a href='#'>NamaMenu</a>
<ul>
<li><a href='#'>NamaSubMenu1</a></li>
<li><a href='#'>NamaSubMenu2</a></li>
</ul>
</li>
Paste kode tersebut di atas kode :
</ul>
<!-- menu navigasi header end -->
Jangan lupa sesuaikan URL tujuan menu dan Nama menunya.
Menu Navigasi Kedua (Di Atas Footer)
Cari kode ini di dalam kode template:
<!-- 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 -->
Edit text dengan background berwarna merah dengan URL tujuan dan yang berwarna hijau dengan nama menu yang diinginkan.
Jika sudah diedit semua, jangan lupa klik “Simpan tema”
Untuk menghapus dan menambah menu caranya sama seperti menu pertama, hanya bedanya untuk menu di atas footer tidak support submenu.
Selamat Mencoba.
Comments
Post a Comment