√ Cara Setting Template Viomagz Terbaru Tanpa Ribet

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.

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.

Daftar Isi

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.