ellyanti Suka Sama Yang Manis

Cara Setting Template Viomagz Terbaru Tanpa Ribet

4 min read

Cara Setting Template Viomagz Terbaru | APKdem.com – Viomagz, template paling keren yang menjadi andalan para blogger untuk daftar adsense. Bagi blogger pemula seperti saya, tampilan blog atau website memang menjadi salah satu faktor yang sangat penting . Apalagi pada saat memposting artikel baru, saya akan sering bolak balik melihat tinjauan dari hasil saya menulis. Merasa ada yang kurang pas, saya langsung otak atik sendiri dan browsing kesana kemari untuk mendapatkan cara edit template . Jika saya sudah merasa bosan, saya akan langsung mencari template lainnya yang menurut saya pas di hati dan enak di pandang. 

Cara Setting Template Viomagz Terbaru Tanpa Ribet
Pada saat saya browsing mengenai template terbaik di tahun 2019, saya menemukan artikel dari website Sugeng.id yang tidak lain adalah pembuat template Viomagz. Kemudian saya mencoba untuk melihat demo dari template Viomagz yang ternyata sungguh sangat mengagumkan. Dengan tampilan yang keren dan enak di pandang, saya langsung tertarik untuk menggunakan tempalate ini.

Setting Template Viomagz Terbaru 2019

Tempalate Viomagz ini sudah di rancang sedemikian rupa dengan gaya modern oleh mas Sugeng. Selain modern, tempalte ini memilki banyak fitur dan kelebihan di antarannya yaitu ;
  • Responsive
  • Fast Loading
  • Seo Ready
  • Ads Optimized
  • Support Fitur Desainer Tema Blogger
  • Menggunakan Schema Markup:
  • Icon Menggunakan Font Awesome
  • Breadcrumb Navigation
  • Tombol Berbagi Responsive Keren
  • Numbered Page Navigation
  • Back to Top Button
  • Auto Readmore
  • Pop-up Search Form
  • Widget Sticky
  • Widget Related Posts
  • Custom Error page
  • Tanpa Link Credit
Bagi anda yang ingin menggunakan tempalate atau memiliki template super keren ini, saya sarankan untuk mengunjungi langsung blog Sugeng.id atau kontak mas sugeng sebagai pembuat template Viomagz. Template inipun di bandrol dengan harga 168 ribu, harga yang sangat pas untuk blogger pemula seperti saya ini., hehe.

Keuntungan membeli template langsung dari pembelinya yaitu anda akan mendapatkan update versi terbaru dengan masa yang di tentukan. Selain itu mas sugeng juga memberikan cara setting secara berkala dari update,an Viomagz versi terbarunya. 
Nah bagi anda yang sudah memilki atau menggunakan template Viomagz mas Sugeng, saya akan membagikan cara setting terbaru dari tempalte Viomagz tanpa ribet .

Pemasangan Template 

  • Silahkan Login ke ‘Blogger’> Masuk ke menu ‘Tema’
  • Kemudian Klik ‘Backup / Pulihkan’
  • Klik ‘Download tema’

Selanjutnya kembali lagi:

  • Silahkan Login lagi ke ‘Blogger’> Masuk ke menu ‘Tema’
  • Lalu Klik ‘Backup / Pulihkan’
  • Klik ‘Choose File’
  • Pilih file template di Komputer > Klik ‘Upload’

Cara Mengedit Menu Navigasi 1:

Silahkan Login ke ‘Blogger’> Masuk ke menu ‘Tema’> Klik ‘Edit HTML’.
Kemudian cari kode seperti di bawah ini:

<!– 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 –>

Note: ‘ Biru ‘ – URL tujuan ,
          ‘ Merah ‘ – Nama yang akan anda pakai

Cara Mengedit Menu Navigasi 2 yang berada di atas footer:

Silahkan cari kode seperti di bawah ini:

<!– 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 –>

Note: ‘ Biru ‘ – URL tujuan ,
          ‘ Merah ‘ – Nama Yang Dipakai

Menu ini biasanya menu yang di pakai untuk melengkapi aturan saat mendaftarkan website ke google adsense.

Cara Menambahkan Tombol Media Sosial

  • Silahkan Login ke ‘Blogger’> Masuk ke menu ‘Tata Letak’
  • Kemudian Klik ‘Tambahkan Gadget’di atas Footer
  • Lalu Pilih Gadget ‘HTML/JavaScript’

Silahkan anda tambahkan kode di bawah ini pada 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 –>

Note : ‘ Merah ‘ URL profil social media Anda

Cara Menambahkan Widget Featured Post

  • Silahkan Login ke ‘Blogger’> Masuk ke menu ‘Tata Letak’
  • Kmudian Klik ‘Tambahkan Gadget’tepat di atas Posting Blog
  • Lalu Pilih Gadget ‘Entri yang Diunggulkan’
  • Setelah itu tinggal pilih artikel mana yang ingin ditampilkan pada Featured Post
  • Jika sudah, klik ‘Simpan’

Cara Memasang Widget Artikel Terbaru

  • Login ke ‘Blogger’> ‘Tata Letak’> klik ‘Tambahkan gadget’
  • Pilih Gadget ‘HTML/JavaScript’
  • Pada bagian judul isi sesuai keinginan, misalnya ‘Daftar Artikel’

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

Cara Menampilan Kotak Berlangganan FeedBurner

Silahkan Login ke ‘Blogger’masuk ke menu ‘Tema’> Klik ‘Edit HTML’
Kemudian Cari kode ini :

<b:include data=’post’ name=’relatedpost’/>

Kalau sudah ketemu, tambahkan kode ini tepat di bawahnya :

<b:include data=’post’ name=’postsubscribebox’/>

Selanjutnya cari kode ini :

https://feedburner.google.com/fb/a/mailverify?uri=apkdem

Silahkan ganti yang bertanda merah dengan ID FeedBurner milik anda

Silahkan cari lagi kode ini :

<input name=’uri’ type=’hidden’ value=’apkdem‘/>

Ganti yang bertanda merah dengan ID FeedBurner milik anda

Pemasangan Tombol Download di Viomagz

Memasang Tombol Download di Viomagz seperti tombol ‘ Demo Viomagz‘ saya di atas

<a class=”buttonDownload” href=”https://apkdem.com/“>Template</a>

Note : ‘ Merah ‘ – Url Tujuan
           ‘ Biru ‘ – Nama Yang Dipakai

Nah itulah cara setting terbaru dari Template Viomagz buatan mas Sugeng semoga bermanfaat untuk anda yang ingin menggunakan template super keren ini.

ellyanti Suka Sama Yang Manis

Cara Membuat Sitemap Blogger Dengan Mudah Untuk Para Pemula

Cara Membuat Sitemap Blogger | APKdem.com _ Sitemap merupakan salah satu alat bantu google atau pun pengunjung untuk menjelajahi suatu website. Dengan adanya sitemap...
ellyanti
5 min read

Cara Mengubah Font Postingan Untuk Mempercantik Blog / Website

Cara Mengubah Font Postingan Blog | APKdem.com – Memiliki blog atau website dengan tampilan yang cantik dan menarik tentunya akan menambah kepuasan tersendiri. Selain itu...
ellyanti
1 min read

Cara Mengetahui IP Addres Komputer Atau Laptop Sendiri Secara…

Cara Mengetahui IP Addres Komputer Atau Laptop  Sendiri Secara Mudah | APKdem.com_ Pada postingan kali ini saya akan membagikan cara melihat IP Adress komputer atau laptop...
ellyanti
1 min read

Leave a Reply

Your email address will not be published. Required fields are marked *