Panduan Setting Template VioMagz versi Terbaru 2018

Baca Juga

Panduan Setting Template VioMagz versi Terbaru

Di bawah ini adalah panduan cara pemasangan serta pengaturan template premium VioMagz. Silakan dibaca secara pelan-pelan dan teliti supaya templatenya terpasang dengan baik dan benar.

Memasang Template                                 Hal pertama yang perlu dilakukan tentu saja memasang template yang sudah dibeli ke blog milik sobat.

Berikut langkah-langkahnya:

#1. Pertama pastikan sobat sudah meng-unzip file template yang didownload. Di dalam file .zip terdapat file berekstensi .xml, nah file tersebut yang akan diupload atau pasang ke blog.

#2. Kedua saya merekomendasikan untuk melakukan backup template yang akan diganti.

Caranya:

• Login ke “Blogger” > Masuk ke menu “Tema”
• Klik “Backup / Pulihkan”
• Klik “Download tema”

#3. Selanjutnya sobat tinggal mengupload file template ke blog.

Caranya:

• Login ke “Blogger” > Masuk ke menu “Tema”
• Klik “Backup / Pulihkan”
• Klik “Choose File”
• Pilih file template di Komputer > Klik “Upload”

#4. Template sudah berhasil terpasang.

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 tujuanmenu 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.

Sekian dan truakasih