Pengaturan Template VioMagz

Panduan lengkap untuk mengatur template VioMagz setelah dipasang di blog Anda.

Prasyarat

Pastikan Anda sudah memahami dasar-dasar Blogger seperti membuat postingan, halaman statis, dan memasang widget. Panduan ini fokus pada pengaturan template, bukan tutorial Blogger dari awal.

Daftar Pengaturan

Pengaturan	Deskripsi
Kode Pengaturan	Konfigurasi fitur template
Menu Navigasi	Menu di header
Menu Footer	Menu halaman di footer
Icon Sosmed	Link ke akun media sosial
Logo	Ganti judul teks dengan logo
Footer	Teks di bagian bawah blog
Favicon	Icon kecil di tab browser
Tampilan Post	Label, tanggal, komentar

---

Kode Pengaturan Template

Fitur-fitur template VioMagz bisa dikustomisasi menggunakan kode pengaturan.

Cara Membuat & Memasang

1. Buat kode pengaturan di Tool Generator VioMagz
2. Copy kode yang dihasilkan
3. Buka Tata Letak di dashboard Blogger
4. Cari widget "Kode Pengaturan Template" → klik Edit
5. Paste kode di bagian Konten
6. Klik Simpan

---

Memasang Menu Navigasi

1. Buat kode menu di Tool Generator Menu
2. Copy kode yang dihasilkan
3. Buka Tata Letak
4. Cari widget "Kode Menu Navigasi" → klik Edit
5. Paste kode di bagian Konten
6. Klik Simpan

---

Menampilkan Menu Halaman Statis di Footer

Menu ini menggunakan widget bawaan Blogger (bukan kode HTML).

1. Buka Tata Letak
2. Cari widget "Menu Halaman Statis" → klik Edit
3. Pilih atau masukkan URL halaman yang ingin ditampilkan
4. Klik Simpan

---

Memasang Icon Media Sosial

1. Buat kode icon di Tool Generator Icon Sosmed
2. Pilih platform dan masukkan URL profil
3. Copy kode yang dihasilkan
4. Buka Tata Letak
5. Cari widget "Icon Media Sosial" → klik Edit
6. Paste kode di bagian Konten
7. Klik Simpan

---

Mengganti Judul dengan Logo

1. Siapkan file gambar logo (format PNG/JPG)
2. Buka Tata Letak
3. Klik Edit pada widget Header
4. Klik Upload gambar → pilih file logo
5. Pada bagian Penempatan, pilih "Selain judul dan keterangan"
6. Klik Simpan

Tips Membuat Logo

✅ Yang Benar	❌ Yang Salah
Bentuk memanjang (horizontal)	Bentuk kotak 1:1
Ukuran bebas, proporsional	Terlalu besar/kecil

---

Mengedit Tulisan Footer

1. Buka Tata Letak
2. Cari widget "Teks Footer" → klik Edit
3. Masukkan teks yang diinginkan (contoh: "© 2026 Nama Blog Anda")
4. Klik Simpan

---

Mengganti Favicon

Favicon adalah icon kecil yang muncul di tab browser.

1. Siapkan gambar favicon (kotak, maksimal 100KB)
2. Buka Setelan di dashboard Blogger
3. Scroll ke bagian Dasar
4. Klik Favicon → upload gambar
5. Klik Simpan

Favicon Tidak Berubah?

• Di browser: Tekan Ctrl + Shift + R untuk hard refresh
• Di Google: Butuh waktu beberapa hari/minggu untuk update

---

Mengatur Tampilan Postingan

Anda bisa menampilkan atau menyembunyikan elemen seperti label, tanggal, dan komentar.

1. Buka Tata Letak
2. Cari widget "Postingan Blog" → klik Edit
3. Centang elemen yang ingin ditampilkan
4. Hilangkan centang elemen yang ingin disembunyikan
5. Klik Simpan

---

Pertanyaan Umum (FAQ)

Widget Tidak Muncul / Tampilannya Error

1. Pastikan opsi "Dapat dilihat" dicentang pada setelan widget
2. Jika tetap error, coba hapus widget lalu pasang ulang

Kolom Komentar Tidak Muncul

Solusi	Langkah
Solusi 1	Setelan → Komentar → Lokasi Komentar → pilih "Tersemat"
Solusi 2	Tata Letak → edit "Posting Blog" → centang opsi komentar
Solusi 3	Edit postingan → cek opsi komentar di kanan bawah (pastikan tidak dinonaktifkan)

Postingan Tidak Muncul di Homepage

Jumlah postingan tidak sesuai setelan? Lihat solusinya di artikel ini.

Rekomendasi Ukuran Gambar

Tipe Gambar	Rasio	Contoh Ukuran
Logo	Memanjang (horizontal)	200 x 50 px
Postingan biasa	16:9	800 x 450 px
Produk / Jasa	1:1	800 x 800 px

Kalkulator Rasio

Gunakan Calculate Aspect Ratio untuk menghitung ukuran gambar.

Cara Pasang Tombol Download

Edit postingan dalam mode HTML, lalu masukkan kode berikut:

<div style="text-align: center;">
<a class="buttonDownload" href="#">Download</a>
</div>

Ganti tanda # dengan URL tujuan download.

Cara Memaksimalkan Kecepatan Loading

Tips	Keterangan
Nonaktifkan Navbar	Tata Letak → matikan widget Navbar
Kompres gambar	Gunakan Kraken.io
Batasi widget	Pasang widget yang benar-benar dibutuhkan saja

Cara Memasang Meta Deskripsi

Buka Setelan → Deskripsi Penelusuran → Aktifkan dan isi deskripsi singkat blog Anda (150-160 karakter).

Apakah Perlu Memasang Meta Keywords?

Tidak perlu. Meta keywords sudah tidak berpengaruh terhadap SEO. Template VioMagz sudah mengatur meta keywords secara otomatis.

---

Fitur Lanjutan: Daftar Isi Blog

Buat halaman statis yang menampilkan semua postingan berdasarkan label.

Cara Membuat

1. Buka Halaman → klik Halaman baru
2. Isi judul (contoh: "Sitemap" atau "Daftar Isi")
3. Klik mode HTML di editor
4. Paste kode berikut:

<div class="tabbed-toc" id="tabbed-toc"><span class="loading">Memuat…</span></div>
<script>
var tabbedTOC = {
  blogUrl: "https://viomagz.sugeng.id/", // Ganti dengan URL blog Anda
  containerId: "tabbed-toc",
  activeTab: 1,
  showDates: true,
  showSummaries: false,
  numChars: 200,
  showThumbnails: true,
  thumbSize: 60,
  noThumb: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",
  monthNames: ["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],
  newTabLink: true,
  maxResults: 99999,
  preload: 0,
  sortAlphabetically: true,
  showNew: 7,
  newText: ' &ndash; <em style="color:red;">New!</em>'
};
</script>

5. Klik Publikasikan

Jangan Lupa

Ganti https://viomagz.sugeng.id/ dengan alamat blog Anda.