Download Template Viomagz gratis Blogger, Lengkap Cara Pasang dan Setting

JENDELA INFOR - Template viomagz merupakan salah satu dari seuan banyak tamplate buatan mas sugeng, kalian bisa membeli tamplate premium dengan berbagai varian disana.

tapi bagi kalian yang tidak mempunyai budget yang cukup untuk membeli tamplate, atau budget kalian hanya cukup buat beli kopi sama rokok tenang kalian bisa mendownload template premium viomagz secara gratis disini.

yah kalian yang sedang membaca artikel ini pasti sedang mencari template gratiskan??

heheehe... langsung saja kalian bisa mendownload template viomagz disini

jika kalian kepo dengan demonya kalian bisa melihanya disini

Berikut Beberapa Features Template Viomagz V4.8.0

ID FEATURES Availability

1 100% responsive True

2 Cool Responsive Share Button True

3 100% Responsive on all screen sizes True

4 SEO Ready True

5 Fast Loading Fast Loading True

6 Ads Optimized True

7 Support the Blogger Theme Designer Feature True

8 Use Schema Markup True

9 Related Posts Widget True

10 Schema Markup to help search engines True

11 Breadcrumb Navigation True

12 Auto Readmore True

13 Back to Top Button True

14 Pop-up Search Form True

15 Numbered Page Navigation True

16 No Credit Link True

17 Custom error page True

18 Sticky Widgets True

19 Support AdsEnse True

20 Fast Loading True

21 Comment Simbol True

Cara Pemasangan Template Viomagz v4.8.0

1. Login ke blogger.

2. Di dalam menu Blogger Tekan menu Theme.

3. Di sini untuk melakukan backup template sebelum memasang template lainya.

4. Di dalam menu THEME Tekan menu Edit Template.

5. Sekarang pasang template dan masukan code ke dalam Template Editor.

6. Selesai memasangnya jangan lupa tekan save.

7. Selesai.

Menambah Menu Navigasi (Header)

Masuk ke menu “Tata Letak” > edit widget “Kode Menu Navigasi” > setelah itu masukan kode ini di bagian konten widget:

<li><a href="#">Contoh Menu</a></li>

Ganti yang bertanda merah dengan URL tujuan, misalnya jika ingin menunya mengarah ke halaman label, maka isi dengan URL label. Yang bertanda hijau juga diganti sesuai dengan keinginan. Jika ingin menambahkan menu lagi, cukup salin kodenya dan letakan tepat di bawahnya. Menambah menu dengan submenu

Untuk menambahkan menu disertai dengan submenu, gunakan kode ini :

<li class="has-sub"><a href="#">Menu Utama</a>

<ul>

<li><a href="#">Submenu Satu</a></li>

<li><a href="#">Submenu Dua</a></li>

<li><a href="#">Submenu Tiga</a></li>

</ul>

</li>

Letakan kode tersebut tepat di bawah kode menu yang sebelumnya.

Ganti yang bertanda pagar dengan URL tujuan, dan yang Submenu diganti dengan nama menu sesuai kebutuhan.

Menampilkan Menu Halaman Statis (Footer)

Masuk ke “Tata Letak” > edit widget “Menu Halaman Statis” > centang halaman-halaman yang ingin ditampilkan di menu > klik “Simpan“

Menambah Icon Media Sosial

Masuk ke “Tata Letak” > edit widget “icon media sosial” > masukkan kode ini di bagian konten widget:

Edit yang bertanda hijau dengan nama icon media sosial yang digunakan dan yang bertanda pagar dengan URL akun media sosial milik. Jika ingin memasang icon media social lebih dari satu, cukup salin kode tersebut dan ubah bagian nama icon media sosialnya.

Nama icon harus ditulis huruf kecil semua.

Mengedit Kode Pengaturan Template

Beberapa fitur pada template dapat diatur melalui widget “Kode Pengaturan Template” yang tersedia di tata letak.

Untuk mengeditnya silakan masuk ke menu “Tata Letak” > edit widget “Kode Pengaturan template“.

Setelah itu masukkan kode ini di bagian konten widget :

var vioMagzSetting = {

relatedPosts: true,

jumlahRelatedPosts: 4,

relatedPostsThumb: true,

numberedPageNav: true,

perPage: 8,

bacaJuga: true,

jumlahBacaJuga: 3,

judulBacaJuga: "Baca Juga",

};

</script>

Berikut Penjelasan dari Kode Template Blogger Tersebut :

relatedPosts

Isi true untuk mengaktifkan fitur related posts, atau isi false untuk menonaktifkannya.

Jumlah Related Posts

Jumlah postingan yang muncul di related posts di bawah postingan, edit sesuai selera.

relatedPostsThumb

Isi true untuk menampilkan related posts dengan thumbnail, atau isi false untuk menampilkan related posts tanpa thumbnail.

numberedPageNav

Isi true untuk mengaktifkan fitur navigasi halaman bernomor. atau isi false untuk untuk menonaktifkannya.

perPage

Samakan angkanya dengan setelan jumlah postingan yang dimunculkan di homepage

BacaJuga

Isi true untuk mengaktifkan fitur related posts di tengah postingan, atau isi false untuk menonaktifkannya

Jumlah BacaJuga

Jumlah postingan yang muncul di related posts di tengah postingan, edit sesuai selera.

Judul BacaJuga

Judul related posts di tengah postingan, edit sesuai selera.

Mengganti Judul Blog Dengan Logo

Pertama, pastikan sudah membuat gambar logonya. Ukuran logo bebas, berapa saja bisa.

Kedua, masuk ke “Tata Letak” > edit widget “Header” > Upload gambar > di bagian “Penempatan” pilih “Selain judul dan keterangan” > Simpan.

Mengedit Tulisan di Footer

Masuk ke “Tata Letak” > edit widget “Teks Footer” > di bagian konten widget masukkan tulisan apa saja yang ingin dimunculkan di footer > simpan.

Mengganti Favicon

Masuk ke menu “Setelan” > “Dasar” > “Favicon” > Upload favicon milikmu.

Note :

Pastikan gambar favicon persegi dan ukurannya tidak lebih dari 100KB.

Jika Favicon tidak berubah di browser, clear cache browser dulu setelah itu cek lagi

Jika Favicon tidak berubah di Google, harap bersabar, butuh waktu tidak bisa otomatis berubah.

Menampilkan / Menyembunyikan Label, Tanggal, Komentar, Dll.

Masuk ke “Tata Letak” > edit widget “Postingan Blog” > centang yang ingin ditampilkan, hilangkan centang yang tidak ingin ditampilan > Simpan.

Mengaktifkan LazyLoad pada Iklan AdSense

Di template VioMagz Versi 4.6.0 ke atas bisa mengaktifkan fitur LazyLoad pada iklan AdSense.

Cara mengaktifkannya cukup mudah, hanya perlu mengedit sedikit kode iklan AdSense yang terpasang di blog.

Pada setiap kode iklan AdSense umumnya terdapat kode seperti ini di bagian atas :

Nah hanya perlu mengedit kode tersebut menjadi seperti ini :

Untuk Iklan Auto Ads

Fitur LazyLoad ini juga bisa diterapkan pada iklan auto ads.

Caranya cukup mudah ubah kode iklan auto ads-nya menjadi seperti ini:

Letakkan kode tersebut di atas kode </head> atau bisa juga di widget “Custom JavaScript Footer“

Note :

Ganti 1234567890xxxxxx dengan ID akun AdSense Jangan letakkan kodenya di bawah kode <head>. Jika diletakkan di situ, fitur lazyload tidak bisa berfungsi.

Pertanyaan Umum Template Viomagz

- Widget ada yang Tidak Muncul / Tampilannya Error?

Pertama pastikan centang opsi “Dapat dilihat” pada setelan widget

Jika tetap tidak muncul atau tampilannya error, coba hapus dulu widgetnya setelah itu pasang ulang.

- Bagaimanan Gambar Related Posts Tidak Muncul?

Solusi Error yang Sering Terjadi di Template Blogger. Di postingan ini rangkum beberapa error atau bug yang sering terjadi di blogger.com. Sebagai penjual template blogger, error-error seperti ini sering sekali ditanyakan oleh pelanggan . Sebagian besar pelanggan mengganggap error-error ini disebabkan oleh template yang digunakan.

· Tapi sebenarnya bukan dari template, melainkan karena disebabkan oleh platform blogger-nya itu sendiri.

· Langsung saja, berikut beberapa error yang sering terjadi di blogger dan solusinya:

· Jumlah Postingan di Homepage Tidak Sesuai Setelan

· Error yang paling sering terjadi pertama adalah jumlah postingan yang muncul di homepage/halaman depan tidak sesuai dengan setelan.

· Permasalahan ini sebenarnya bukan sebuah error, tapi malah fitur dari platform blogger itu sendiri.

· Fitur ini namanya adalah Auto Pagination. Fitur ini sudah ada di blogger sejak 10 tahun yang lalu.

Jika baca di blog resmi blogger, di situ dijelaskan seperti ini :

Auto Pagination Blogger

Kurang lebih artinya, Blogger akan menyesuaikan jumlah postingan yang ditampilkan tergantung dari banyaknya kode HTML dan Gambar yang ada di dalam postingan.

Jika membuat postingan baru, dan di dalam postingan tersebut memuat banyak gambar dan juga kode html (semakin panjang artikel semakin banyak kode html), maka hampir dipastikan jumlah postingan di homepage blog akan berkurang.

Kenapa di blogger ada fitur seperti ini?

Jujur aja fitur ini memang ngganggu banget dan tidak seharusnya ada di blogger.

Tapi perlu diingat fitur ini diluncurkan 10 tahun yang lalu. Pada waktu itu sebagian besar template, khususnya template bawaan blogger secara default menampilkan full artikel di halaman depan.

Dengan seperti itu maka wajar jika fitur ini ada. Tapi untuk saat ini memang seharusnya fitur tersebut sudah dihilangkan.

Solusinya

Untungnya ada solusi untuk permasalahan ini.

Solusinya sangat simple, yaitu dengan memanfaatkan fitur “jump break” di postingan blogger.

Caranya:

Edit postingan di blog yang memuat banyak gambar/kode HTML. Letakan “jump break” setelah paragraf pertama:

Jump Break Blogger

Untuk postingan yang tidak memuat banyak gambar/kode HTML tidak perlu diberi “Jump Break.“

Postingan hanya muncul 1 di halaman depan

Error ini hampir sama seperti yang pertama, bedanya kalau error sebelumnya jumlah postingannya tidak sesuai setelan, kalau yang ini jumlah postingannya hanya satu.

Penyebab dari error ini juga sebenarnya sama, yaitu karena fitur Auto Pagination di blogger.

Tapi ada hal lain yang menyebabkan error ini, yaitu karena postingannya dicopy paste dari Microsoft Word.

Apa Hubungannya Dengan Microsoft Word?

Ketika menulis artikel di Microsoft Word, Saran Untuk Menulis Artikel di Notepad, setelah itu disalin dan dipaste langsung ke postingan blog menggunkan mode “Compose,” yang terpaste bukan hanya tulisan, tapi kode “styling” dari program Microsoft Word juga ikut terpaste jika itu copy menggunakan ms word beda dengan Copy Paste di Notepad.

Jika setelah dipaste beralih ke mode HTML, maka akan melihat banyak sekali kode HTML yang nggak jelas yang berasal dari program MS Word :

Kode HTML

Karena di dalam postingan banyak kode HTML, akhirnya fitur Auto Pagination di blogger bekerja dan memutuskan untuk menampilkan satu postingan saja di halaman depan.

Solusi Error Template Viomagz

Solusi pertama :

Usahakan untuk tidak menulis artikel secara offline di Microsoft Word atau program yang serupa (Open Office, LibreOffice, dll.).

Solusi kedua :

Gunakan “Jump Break” seperti yang sudah dijelaskan sebelumnya.

Ada postingan yang hilang atau tidak muncul di blog

Jika error-error sebelumnya terjadi di homepage, error ini terjadi pada halaman “Postingan Lama“.

Ketika error ini terjadi akan ada postingan yang tidak muncul ketika mengunjungi halaman “Postingan Lama.”

Error ini disebabkan karena ada beberapa postingan yang tanggal publish-nya sama persis. Tanggal, jam, dan menitnya sama.

Solusinya

Edit postingan yang memiliki waktu publish yang sama.

Atur ulang waktu publishnya, beri jarak setidaknya satu menit di antara satu postingan dengan postingan yang lainnya.

Error lainnya

Demikian rangkuman beberapa error yang sering terjadi di blogger.

Mungkin masih ada beberapa error lainnya yang belum cantumkan di atas. Insya Allah akan tambahkan kedepannya.

- Rekomendasi Ukuran Gambar Logo Berapa?

Rekomendasi ukuran atau resolusi gambar logo untuk template VioMagz adalah 300x50px.

- Rekomendasi Ukuran Gambar Postingan Berapa?

Rekomendasi gunakan gambar postingan dengan aspek rasio 16:9.

Misalnya jika lebar gambarnya 800px maka tingginya adalah 450px.

Untuk menghitung aspek rasio bisa menggunakan tool ini : https://calculateaspectratio.com/

- Bagaimana Cara Pasang Tombol Download di Postingan?

Edit postingan yang ingin diberi tombol download dalam mode HTML.

Masukan kode ini di dalam postingan:

<a class="buttonDownload" href="#">Download</a>

</div>

Edit tanda pagar yang berwarna merah dengan URL tujuan.

- Cara Memaksimalkan Kecepatan Loading Template Viomagz

Pastikan widget Navbar dinonaktifkan melalui menu Tata Letak

Kompres setiap gambar yang digunakan di blog, baik itu gambar logo, gambar postingan, atapun gambar profil. Untuk cara kompres gambar bisa menggunakan tool online https://kraken.io/web-interface

Batasi jumlah widget yang terpasang blog. Cukup pasang widget yang benar-benar dibutuhkan.

- Bagaimana Cara Memasang Iklan di Tengah Artikel?

Pertama login ke “Blogger” > “Tata Letak“

Pada bagian bawah posting blog terdapat 4 widget untuk memasang kode iklan.

Widget tersebut adalah :

crossorigin="anonymous"></script>

<ins class="adsbygoogle"

style="display:block"

data-ad-client="ca-pub-8471932095662321"

data-ad-slot="6762677642"

data-ad-format="auto"

data-full-width-responsive="true"></ins>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

di atas contoh iklan otomatis yang ada di blog, jika download template di atas otomatis sudah terpasang iklan tinggal posting artikel tidak perlu ribet mikiri iklan bisa keluar atau tidak.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Klik edit pada widget-widget tersebut dan letakan kode iklannya.

- Cara Mengatur Lokasi Iklan Di Tengah Artikel Sesuai Keinginan

Widget iklan di tengah artikel secara otomatis menampilkan iklan di tengah postingan.

Iklan di tengah artikel pertama muncul di sekitar 20% awal postingan, sedangkan iklan yang kedua muncul tepat di tengah artikel.

juga bisa mengatur lokasi munculnya iklan sesuai keinginan di setiap postingan. Caranya sebagai berikut:

Untuk iklan di tengah artikel yang pertama salin kode ini:

Setelah disalin, edit postingan menggunakan mode HTML, setelah itu letakan kode di atas pada lokasi yang inginkan, misalnya di akhir paragraf pertama. Nanti iklannya akan muncul menyesuikan dengan lokasi kode tersebut.

- Cara Memasang Meta Tag di Blogspot

Untuk iklan yang kedua caranya sama, cukup rubah iklan1 menjadi iklan2.

- Cara memasang Meta Keyword Otomatis di Blogger

Jika menggunakan cara di bawah ini, kata kunci pada meta keywords akan otomatis mengambil dari judul blog dan juga judul postingan.

1. Login ke blogger.com dan masuk ke dashboard blog anda

2. Klik menua “Template”

3. Klik “Edit HTML”

4. Letakan kode di bawah ini tepat di bawah kode <head>:

<b:if cond='data:blog.homepageUrl == data:blog.url'><meta expr:content='data:blog.title' name='keywords'/></b:if> <b:if cond='data:blog.pageType == "item"'><meta expr:content='data:blog.pageName' name='keywords'/></b:if>

meta-keyword-otomatis

meta-keyword-Balai-info

5. Jika sudah, klik “Simpan template”

- Cara Memasang Meta Keywords Manual di Blogger

Meta keywords manual artinya anda harus memasukan kata kunci secara manual pada kode meta keywords.

1. Login ke blogger.com dan masuk ke dashboard blog anda.

2. Klik menua “Template”

3. Klik “Edit HTML”

4. Letakan kode di bawah ini tepat di bawah kode <head>:

<b:if cond='data:blog.homepageUrl == data:blog.url'>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

</b:if>

Ganti Katakunci1 dengan kata kunci untuk halaman depan blog anda

Ganti Katakunci2 dengan kata kunci untuk halaman postingan blog anda

5. Jika sudah, klik “Simpan template”

Cara Memasang Meta Deskripsi di Blogspot

Apa Itu Meta Deskripsi Blogger?

Meta deskripsi atau lebih tepatnya meta description adalah sebuah tag HTML yang diletakan pada bagian <head> untuk menampilkan informasi singkat tentang sebuah halaman web.

Meta deskripsi ini umumnya digunakan oleh mesin pencari pada halaman hasil pencarian.

Meta deskripsi tidak mempengaruhi ranking di Google

Meskipun meta deskripsi ini digunakan oleh mesin pencari Google, namun Google tidak menggunakannya sebagai salah satu faktor penentu ranking.

Tapi meta deskripsi ini masih sangat penting keberadaannya karena dapat kita manfaatkan untuk manampilkan deskripsi yang menarik perhatian pada halaman hasil pencarian.

Bagaimana Cara Memasang Meta Deskripsi di Blogger

Beruntunglah bagi pengguna blogger.com, karena untuk memasang meta deskrpsi di blogger sangatlah mudah. Tidak perlu berurusan dengan kode-kode html.

#1. Login ke Blogger

#2. Klik menu “Setelan” setelah itu klik “Preferensi penelusuran” Menu Preferensi penelusuran

#3. Klik “Edit” pada bagian “Deskripsi” Edit deskripsi

#4. Pilih “Ya” dan masukan Deskripsi untuk halaman depan blog Masukan deskripsi halaman depan

#5. Klik tombol “Simpan perubahan”

#6. Selesai

- Cara Memasang Meta Keywords di Blogger

Meta keywords sebenarnya sudah tidak ada pengaruhnya terhadap SEO.

Tapi di template ini masih tetap dipasang dan sudah diset otomatis, jadi tidak perlu memasang secara manual.

- Cara Memasang Meta Deskripsi Untuk Postingan

Di atas adalah cara memasang meta deskripsi khusus untuk halaman depan. Sedangkan meta deskripsi untuk halaman postingan bisa memasukannya secara manual setiap kali menulis postingan.

Meta deskripsi untuk postingan

Menu meta deskripsi untuk postingan di atas hanya akan muncul jika mengaktifkan deskripsi untuk halaman depan.

Begitulah kira-kira cara memasang meta deskripsi di blogger. Sangat mudah, jauh dari kata ribet.