rp0bNChIFHEQLNOWnNlTR7tYV3Qi69riOvEhpJHL
Panduan Lengkap Setting Template Viomagz versi Terbaru

Panduan Lengkap Setting Template Viomagz versi Terbaru

Halo sobat blogger berjumpa lagi dengan saya di blog sederhana ini. Kali ini saya akan membahas tutorial cara setting template viomagz versi terbaru buatan mas Sugeng.


Viomagz buatan mas sugeng ini merupakan template blogger terbaik sepanjang masa, yang memiliki speed wuzz dan tak kalah dengan template blogger buatan orang asing. Maka tak heran jika Viomagz ini banyak peminatnya.

Oke, tanpa basa-basi lagi kita lanjut ke panduan lengkap cara setting template viomagz versi terbaru buatan Mas Sugeng.


Memasang Template Viomagz

Hal yang pertama kali dilakukan adalah memasang file templatenya, simak panduan berikut.

1. Pertama unzip terlebih dahulu file template yang telah didownload sebelumnya. Lalu ambil file yang berektensi .xml, upload dan pasang pada blog.

2. Saya merekomendasikan untuk backup template sebelumnya terlebih dahulu sebelum menggantinya.

Dengan Cara :
  1. Masuk ke Blogger > Pilih Menu Tema
  2. Lalu pilih backup/pulihkan
  3. kemudian pilih Download Tema
  4. Selanjutnya silahkan upload file template Viomagz yang telah di unzip sebelumnya
3. Template sudah berhasil dipasang.

Mengedit Menu Navigasi Viomagz

Pada template Viomagz terdapat 2 menu navigasi, yang pertama terletak disebelah header dan kedua berada diatas footer.

Untuk mengedit kedua menu navigasi tersebut, silahkan ikuti langkah-langkah berikut.

Login ke akun blogger > Pilih Menu "Tema" > klik Edit HTML

Menu navigasi pertama ( sebelah kanan header )


Cari kode berikut didalam 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 tanda # dengan alamat url tujuan dan edit Menu dan Sub Menu dengan nama menu yang diinginkan.

Menghapus Menu
Untuk menghapus salah satu menu, kamu tinggal hapus kode <li> sampai kode </li> . Seperti contoh mau menghapus submenu4, maka hapus kode:
<li><a href='#'>SubMenu4</a></li>

Menambahkan Menu
Untuk menambahkan sebuah menu silahkan copy kode berikut
<li><a href='#'>Nama Menu</a></li>
Tempatkan diatas kode:
</ul>
<!-- menu navigasi header end -->

Menambahkan Menu dengan Submenu
Untuk menambahkan menu dengan Submenu, copy kode dibawah
<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>
Paste kode tersebut diatas kode:
</ul>
<!-- menu navigasi header end -->

Jangan lupa untuk mengganti URL tujuan dan nama menunya.

Menu Navigasi Kedua (diatas footer)

Cari kode berikut didalam 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 tanda # dengan URL tujuan yang diinginkan.

Apabila semuanya sudah jangan lupa Simpan Tema

Untuk menghapus dan menambahkan menu caranya sama seperti menu pertama, bedanya hanya tidak support Submenu.

Menambahkan Tombol Sosial Media

Secara default tombol media sosial tidak akan muncul jika pertama kali diupload.

Untuk memasang tombol Media Sosial pada template viomagz silakan ikuti langkah berikut.

  1. Masuk ke Blogger > Pilih menu tata letak
  2. Pilih "Tambahkan Gadget" diatas footer
  3. Pilih Gadget "HTML/JavaScript"
  4. Kemudian tambahkan kode berikut ini didalam bagian konten

    <!-- social media button start -->
    <ul class='nav-social'>
      <li><a class='fcb' href='https://www.facebook.com/' rel='nofollow'><i class='fa fa-facebook-square fa-2x'/></a>
      </li>  
      <li><a class='igicon' href='https://www.instagram.com/' rel='nofollow'><i class='fa fa-instagram fa-2x'/></a>
      </li>
      <li><a class='twt' href='https://twitter.com/' rel='nofollow'><i class='fa fa-twitter-square fa-2x'/></a> 
      </li>
      <li><a class='ytb' href='https://www.youtube.com' rel='nofollow'><i class='fa fa-youtube fa-2x'/></a> 
      </li>
    </ul>
    <!-- social media button end -->
  5. Terakhir klik "simpan"

Jangan lupa untuk merubah tanda # dengan URL tujuan.

Menambahkan Widget Featured Post

Untuk menambahkan widget featured post silakan ikuti langkah berikut.

  1. Masuk ke Blogger > Pilih menu tata letak
  2. Pilih "Tambahkan Gadget" tepat diatas postingan blog
  3. Pilih Gadget "Featured Post / Entri yang diunggulkan"
  4. Kemudian pilih artikel mana yang ingin ditampilkan
  5. Terkahir Pilih "Simpan"

Modifikasi Tampilan Template

Kamu bisa dengan mudah mengganti warna, font, dan juga background pada template melalui menu desainer tema blogger.

Berikut panduannya:
  1. Masuk ke Blogger > Pilih menu "Tema"
  2. Pilih "Sesuaikan
  3. Selanjutnya pilih "Tingkat Lanjut"
  4. Didalam menu tersebut kamu bisa mengganti Warna, background dan juga font

Memasang Widget Artikel Terbaru

Untuk memasang widget artikel terbaru pada sidebar viomagz, silahkan ikuti langkah berikut.

  1. Masuk ke Blogger > Pilih menu tata letak
  2. Pilih "Tambahkan Gadget" diatas footer
  3. Pilih Gadget "HTML/JavaScript"
  4. Kemudian tambahkan kode berikut ini didalam bagian konten

    <div class='artikel-terbaru'>
    <script>
    function artikelterbaru(e){document.write("<ul>");for(var t=0;t<e.feed.entry.length;t++){for(var r=0;r<e.feed.entry[t].link.length&&"alternate"!=e.feed.entry[t].link[r].rel;r++);var n="<li><a href="+("'"+e.feed.entry[t].link[r].href+"'")+'">'+e.feed.entry[t].title.$t+"</a> </li>";document.write(n)}document.write("</ul>")}
    </script>
    <script src="/feeds/posts/summary/?max-results=5&alt=json-in-script&callback=artikelterbaru"></script>
    </div>
  5. Terakhir klik simpan

Menampilkan Kotak Berlangganan Viomagz

Pada Viomagz sudah terdapat fitur berlangganan artikel via email menggunakan feedburner , namun secara default fitur ini tidak tampil, untuk menampilkan ikuti langkah berikut.
  1. Masuk ke Blogger > Pilih menu Tema > Edit HTML
  2. Kemudian cari kode:
    <b:include data='post' name='relatedpost'/>
  3. Apabila sudah ketemu tambahan kode berikut tepat diatasnya:
    <b:include data='post' name='postsubscribebox'/>
  4. Kemudian cari kode:
    https://feedburner.google.com/fb/a/mailverify?uri=BlogMaSugeng

    ganti yang saya tandai kuning dengan ID feedburner milik kamu
  5. lalu cari kode ini:
    <input name='uri' type='hidden' value='BlogMasSugeng'/>

    Ganti yang ditandai dengan warna kuning dengan ID feedburner milik kamu.

Panduan Lainnya...

Nantikan panduan setting template viomagz lainnya dari kami, dengan cara subscribe blog ini melalui form bawah artikel ini. Sekian dulu tentang setting template viomagz, semoga bermanfaat.
Sumber: https://sugeng.id/docs/panduan-setting-template-viomagz/
Baca Juga
SHARE
Dimas Arief
Tidak normal tapi spesial. Blogger merangkap content writer yang secara ajaib tersesat di bidang keuangan. Semua tulisan di sini tersedia berkat bantuan kopi tanpa gula.

Related Posts

Subscribe to get free updates

Post a Comment

Iklan Tengah Post

Samied
Administrator

Tidak normal tapi spesial.Semua tulisan di sini tersedia berkat bantuan kopi tanpa gula.