Pengaturan Template LinkMagz

Panduan lengkap untuk mengatur template LinkMagz 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 bawah header
Menu Footer	Menu halaman di footer
Icon Sosmed	Link ke akun media sosial
Posting Produk	Postingan produk/jasa
Posting Advertorial	Postingan iklan/sponsor
TOC	Daftar isi di postingan
Logo	Ganti judul teks dengan logo
Footer	Teks di bagian bawah blog
Favicon	Icon kecil di tab browser
Modifikasi	Ubah warna & tampilan

---

Kode Pengaturan Template

Fitur-fitur template LinkMagz bisa dikustomisasi menggunakan kode pengaturan.

Cara Membuat & Memasang

1. Buat kode pengaturan di Tool Generator LinkMagz
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

Opsional

Kode pengaturan bersifat opsional. Jika tidak dipasang, template akan menggunakan pengaturan default.

---

Memasang Menu Navigasi

Menu navigasi terletak di bawah header.

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

Menu di footer 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

---

Cara Posting Produk dan Jasa

Postingan produk/jasa berbeda dengan postingan biasa — harus menggunakan kode HTML khusus.

Langkah-langkah

1. Siapkan URL gambar produk

   • Upload gambar terlebih dahulu
   • Lihat panduan: Cara Upload Gambar

2. Buat kode HTML produk di Tool Posting LinkMagz

3. Buat postingan baru

   • Buka dashboard Blogger → Postingan baru
   • Klik mode HTML di editor (bukan Compose)
   • Paste kode HTML yang sudah dibuat

4. Tambahkan label (wajib)

Jenis Postingan	Label Valid
Produk	Produk atau Products
Jasa	Jasa atau Services

5. Klik Publikasikan

Case-Sensitive

Nama label harus sama persis termasuk huruf besar/kecil. Contoh: Produk bukan produk.

---

Cara Posting Advertorial

Posting advertorial/iklan caranya sama seperti posting biasa (tanpa kode HTML khusus).

Label yang Digunakan

Label Valid
Advertorial
Iklan
Sponsor

---

Cara Mengaktifkan TOC

TOC (Table of Contents) menampilkan daftar isi di postingan.

Cara Memasang

1. Edit postingan dalam mode HTML
2. Paste kode berikut di lokasi yang diinginkan:

<div id="toc"><b class="toc"></b></div>

3. Klik Perbarui

Syarat TOC Muncul

Postingan harus memiliki tag heading <h2> atau <h3>.

---

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: "© 2025 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 menyembunyikan elemen seperti label, tanggal, dan komentar.

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

---

Modifikasi Tampilan Template

Ada 2 cara untuk mengubah warna dan tampilan LinkMagz:

Metode	Kelebihan	Kekurangan
Desainer Tema	Mudah, tanpa kode	Hilang saat update template
Widget Custom CSS	Permanen saat update	Perlu paham CSS dasar

Cara 1: Via Desainer Tema

1. Buka Tema → klik Sesuaikan
2. Pilih Lanjutan
3. Ubah warna sesuai keinginan
4. 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

Postingan Tidak Muncul di Homepage

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 LinkMagz 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://linkmagz.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://linkmagz.sugeng.id/ dengan alamat blog Anda.