Cara Setting Menu Navigasi Template Viomagz

Cara Setting Menu Navigasi Template Viomagz | Setelah berhasil memasang template VioMagz, maka hal selanjutnya yang perlu dilakukan adalah megantur menu Navigasi template blogger premium terbaik ini sesuai dengan kebutuhan teman teman.

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.

Bagikan Artikel ini

Berlangganan update artikel terbaru via email: