oleh

Cara Mudah Pengaturan Template VioMagz Versi 3.3.0 Terbaru

Berikut ini adalah bimbingan cara pengaturan template blogger premium VioMagz versi terbaru 3.3.0 13 Januari 2020.

Jika anda masih menggunakan template VioMagz versi lama, maka sekarang silakan anda bisa download terlebih dahulu versi terbarunya.

Cara Pasang Template VioMagz Versi Terbaru

Hal pertama yang perlu di lakukan adalah tentu saja memasang template yang sudah di download atau anda beli pada situs blog anda.

Begini langkah-langkah termudahnya :

1. File yang sudah anda download harus di-unzip terlebih dahulu, lalu di dalam file .zip tersebut terdapat file berekstensi .xml, nah file tersebutlah yang akan anda pasang ke situs blog.

2. Di rekomendasikan untuk melakukan backup template yang akan di update terlebih dahulu.

Berikut caranya :

  • Anda login ke “Blogger” > Masuk ke menu “Tema”
  • Klik pada icon menu (titik tiga) di sebelah kanan atas
  • Lalu Klik “Cadangkan”
  • Dan klik “Download

3. Langkah selanjutnya anda tinggal melakukan upload file template versi terbaru tersebut pada blog anda.

Caranya adalah :

  • Anda tentu saja login ke “Blogger” > lalu masuk ke menu “Tema”
  • Klik icon menu (titik tiga) di sebelah kanan atas
  • Klik “Pulihkan
  • Klik “Upload”
  • Pilih file template yang sudah anda download tadi

4. Template baru anda sudah berhasil di pasang, selanjutnya anda mesti melakukan beberapa pengaturan template viomagz versi terbaru tersebut.

Menonaktifkan Tampilan Versi Seluler

Setelah template anda berhasil terpasang, maka langkah kedua yang perlu anda lakukan adalah menonaktifkan tampilan versi seluler, hal ini perlu di lakukan sebab tampilan template viomagz versi terbaru sudah menggunakan desain responsive atau mobile friendly, jadi ana tidak perlu lagi menggunakan fitur tampilan versi seluler yang di sediakan oleh blogger.com.

Langkah untuk menonaktifkannya adalah sebagai berikut :

  • Anda login ke “Blogger” > lalu masuk ke menu “Tema”
  • Klik icon menu (bergerigi)
  • Klik “Setelan seluler
  • Pilih “Desktop
  • Klik “Simpan

Mengedit Menu Navigasi Utama

Pada template VioMagz versi terbaru terdapat dua menu navigasi dan menu navigasi pertama terletak pada sebelah kanan Header dan yang kedua terletak di atas Footer, kedua menu navigasi tersebut harus anda mengeditnya melalui menu Edit HTML.

Untuk mengedit menu navigasi yang pertama, maka berikut langkah-langkahnya :

  • Login ke “Blogger” > Masuk ke menu “Tema”
  • Klik icon menu (bergerigi)
  • Klik “Edit HTML”
  • Lalu cari kode di bawah ini dalam kode template edit html :
<!-- menu navigasi header start -->
<ul>
  <li><a href='#'>Menu 1</a></li>
  <li><a href='#'>Menu 2</a></li>
  <li><a href='#'>Menu 3</a>
  <ul>
	<li><a href='#'>SubMenu 1</a></li>
	<li><a href='#'>SubMenu 2</a></li>
  </ul>
  </li>
</ul>
<!-- menu navigasi header end -->
  • Anda ganti yang di tandai dengan warna merah dengan URL tujuan dan yang di tandai dengan warna hijau dengan nama menu yang anda inginkan.

1. Cara Menghapus Menu

Untuk menghapus salah satu menu, anda cukup hapus dari kode <li> sampai </li>, misalnya anda ingin menghapus menu “SubMenu 2” maka hapus kode :

<li><a href='#'>SubMenu 2</a></li>

2. Cara Menambah menu

Untuk menambahkan menu, copy kode ini :

<li><a href='#'>NamaMenu</a></li>

Lalu paste kode tersebut di atas kode :

</ul>
<!-- menu navigasi header end -->

3. Cara Menambah Menu Dengan SubMenu

Untuk menambahkan menu dengan submenu, anda copy kode ini :

<li><a href='#'>NamaMenu</a>
  <ul>
	<li><a href='#'>NamaSubMenu1</a></li>
	<li><a href='#'>NamaSubMenu2</a></li>
  </ul>
</li>

Lalu anda paste kode tersebut di atas kode :

</ul>
<!-- menu navigasi header end -->
Mengedit Menu Navigasi Kedua

Menu navigasi yang kedua letaknya di atas footer, untuk cara mengeditnya, maka silakan annda ikuti langkah-langkahnya di bawah ini :

  • Anda masuk ke menu Tema > edit HTML
  • Lalu anda 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 -->
  • Anda ganti yang di tandai warna merah dengan URL tujuan dan yang berwarna hijau dengan nama menu yang anda inginkan.
  • Untuk menghapus dan menambah menu, caranya sama seperti menu pertama, hanya bedanya untuk menu navigasi yang kedua ini tidak support submenu.
  • Jika sudah anda edit semua, jangan lupa klik simpan perubahan dengan mengklik icon simpan di bagian kanan bawah.
Mengedit Link Tombol Media Sosial

Di template viomagz versi terbaru 3.3.0 terdapat 5 tombol atau icon media sosial yang di letakkan di atas footer, anda perlu mengedit link dari masing-masing tombol media sosial tersebut dan berikut langkah-langkahnya :

Baca juga...  Cara Update dan Setting Template Vio Magz V.3.0.1 Terbaru

1. Cara Mengganti Link Facebook

  • Anda masuk ke menu Tema > edit HTML
  • Lalu cari kode ini di dalam kode template :
<a aria-label='facebook' class='fb-s' href='https://www.facebook.com/' rel='noopener nofollow' target='_blank'>
  • Anda ganti https://www.facebook.com/ dengan URL profil ataupun URL fanspage milik anda sendiri.

2. Cara Mengganti Link Instagram

  • Anda masuk ke menu Tema > edit HTML
  • Lalu anda cari kode ini di dalam kode template:
<a aria-label='instagram' class='ig-s' href='https://www.instagram.com/' rel='noopener nofollow' target='_blank'>
  • Anda ganti https://www.instagram.com/ dengan URL akun instagram milik anda sendiri.

3. Cara Mengganti Link Twitter

  • Anda masuk ke menu Tema > edit HTML
  • Lalu anda cari kode ini di dalam kode template :
<a aria-label='twitter' class='tw-s' href='https://twitter.com/' rel='noopener nofollow' target='_blank'>
  • Anda ganti https://twitter.com/ dengan URL akun twitter milik anda sendiri.

4. Cara Mengganti Link Linkedin

  • Anda masuk ke menu Tema > edit HTML
  • Lalu anda cari kode ini di dalam kode template :
<a aria-label='linkedin' class='ld-s' href='https://linkedin.com' rel='noopener nofollow' target='_blank'>
  • Anda ganti https://linkedin.com dengan URL akun linkedin milik anda sendiri.

5. Cara Mengganti Link Youtube

  • Anda masuk ke menu Tema > edit HTML
  • Lalu anda cari kode ini di dalam kode template :
<a aria-label='youtube' class='yt-s' href='https://youtube.com' rel='noopener nofollow' target='_blank'>
  • Ganti https://youtube.com dengan URL channel youtube milik anda sendiri.
Menambahkan Widget Featured Post

Untuk memasang widget Featured Post pada blog anda caranya sangatlah mudah, ini caranya :

  • Jelas anda harus login ke akun “Blogger” dan > Masuk ke menu “Tata Letak”
  • Anda klik “Tambahkan Gadget” tepat di atas Postingan Blog anda
  • Lalu pilih Gadget “Entri yang Diunggulkan”
  • Setelah itu anda tinggal pilih artikel mana yang ingin anda tampilkan pada Featured Post
  • Jika sudah di lakukan jangan lupa klik “Simpan”
Modifikasi Tampilan Template

Anda bisa dengan mudah mengganti warna, background dan juga font pada template VioMagz versi 3.3.0 terbaru ini melalui menu Desainer Tema Blogger.

Caranya adalah sebagai berikut :

  • Login dulu ke “Blogger” > lalu anda masuk ke menu “Tema” 
  • Klik tombol “Sesuaikan”
  • Setelah itu anda klik “Lanjutan”

Nah, pada menu tersebut, anda bisa merubah background dan juga warna template blog anda sesuai keinginan.

Memasang Widget Artikel Terbaru

Untuk memasang widget artikel terbaru, silakan anda ikuti langkah-langkah berikut ini :

  • Login ke “Blogger” > “Tata Letak” > klik “Tambahkan gadget
  • Lalu anda pilih Gadget “HTML/JavaScript
  • Pada bagian judul, anda buat sesuai keinginan, misalnya anda buat “Daftar Postingan
  • Lalu pada bagian konten, anda isi dengan kode berikut ini :
<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>
  • Jika sudah anda lakukan, lalu klik “Simpan
  • Catatan : Yang bertanda merah adalah jumlah artikel yang di munculkan, silakan anda rubah sesuai keinginan.
Cara Menampilkan Kotak Berlangganan FeedBurner

Template VioMagz Versi 3.3.0 terbaru ini sudah tersedia fitur kotak berlangganan via email dengan menggunakan feedburner, tapi secara default belum di tampilkan, untuk menampilkannya, silakan anda ikuti langkah-langkah berikut ini :

  • Silakan anda login ke akun “Blogger” anda > Masuk ke menu “Tema”
  • Lalu klik icon menu (bergerigi) di sebelah kanan atas
  • Dan klik “Edit HTML”
  • Lanjutkan dengan mencari kode ini :
<b:include data='post' name='relatedpost'/>
  • Jika sudah dapat kode tersebut, anda tambahkan kode ini tepat di bawahnya :
<b:include data='post' name='postsubscribebox'/>
  • Langkah selanjutnya harus anda cari kode ini :
https://feedburner.google.com/fb/a/mailverify?uri=BlogMasSugeng
  • Anda ganti yang di tandai merah dengan ID FeedBurner milik anda sendiri
  • Terus anda cari lagi kode ini :
<input name='uri' type='hidden' value='BlogMasSugeng'/>
  • Ganti yang yang di tandai merah dengan ID FeedBurner milik anda sendiri
  • Selesai!!! Jangan lupa anda simpan perubahan.

Demikianlah Cara Mudah Pengaturan Template VioMagz Versi 3.3.0 Terbaru, Salam Blogger!!!

Komentar

Tinggalkan Balasan Anda dan Terima Kasih Atas Kunjungannya...

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Artikel Terbaru