Daftar Isi
Setting Template Viomagz Terbaru 2019
- 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
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.