Pengaturan Template Wuzz
Panduan lengkap untuk mengatur template Wuzz 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 |
| Landing Page | Halaman promosi produk/jasa |
| Menu Navigasi | Menu di header dan bawah header |
| Icon Sosmed | Link ke akun media sosial |
| Daftar Isi | Table of contents di postingan |
Pengaturan Umum: Logo, Footer, Favicon →
Kode Pengaturan Template
Fitur-fitur template Wuzz bisa dikustomisasi menggunakan kode pengaturan.
Cara Membuat & Memasang
- Buat kode pengaturan di Tool Generator Wuzz
- Copy kode yang dihasilkan
- Buka Tata Letak di dashboard Blogger
- Cari widget "Kode Pengaturan Template" → klik Edit
- Paste kode di bagian Konten
- Klik Simpan
Opsional
Kode pengaturan bersifat opsional. Jika tidak dipasang, template akan menggunakan pengaturan default.
Membuat Landing Page
Template Wuzz memiliki fitur Landing Page yang bisa dipasang di Homepage atau Halaman Statis — cocok untuk promosi produk, jasa, atau bisnis.
Section yang Tersedia
| Section | Fungsi |
|---|---|
| Hero | Banner utama dengan gambar dan CTA |
| Statistics | Angka-angka pencapaian |
| Value Proposition | Keunggulan produk/jasa |
| Features | Fitur-fitur yang ditawarkan |
| Social Proof | Testimoni pelanggan |
| Pricing | Tabel harga paket |
| Call to Action | Tombol ajakan bertindak |
| FAQ | Pertanyaan yang sering diajukan |
Persiapan Gambar
Sebelum membuat landing page, siapkan gambar-gambar berikut:
| Gambar | Rasio | Ukuran Minimal |
|---|---|---|
| Hero (produk utama) | 1:1 | 450 x 450 px |
| Value Proposition | 1:1 | 320 x 320 px |
| Features (icon) | 1:1 | 80 x 80 px |
| Social Proof (avatar) | 1:1 | 50 x 50 px |
Upload Gambar Dulu
Semua gambar harus diupload terlebih dahulu untuk mendapatkan URL-nya. Lihat Cara Upload Gambar.
Cara Membuat Kode Landing Page
- Siapkan semua gambar dan konten teks
- Buka Tool Generator Landing Page
- Isi form sesuai kebutuhan
- Klik Generate untuk mendapatkan kode HTML
Memasang di Homepage
- Buka Tata Letak
- Cari widget "Kode HTML Landing Page" → klik Edit
- Paste kode HTML landing page
- Klik Simpan
Memasang di Halaman Statis
- Buka menu Halaman → klik Halaman baru
- Isi Judul halaman (contoh: "Promo Spesial")
- Klik mode HTML di editor
- Paste kode HTML landing page
- Klik Publikasikan
Memasang Menu Navigasi
Template Wuzz memiliki 2 lokasi menu:
| Lokasi | Posisi | Cara Edit |
|---|---|---|
| Menu Header | Sebelah kanan logo | Kode HTML |
| Menu Bawah Header | Di bawah header | Widget Label |
Menu Header (Kode HTML)
Lihat panduan lengkap: Memasang Menu Navigasi →
Menu Bawah Header (Widget Label)
Menu ini otomatis menampilkan label postingan. Untuk mengeditnya:
- Buka Tata Letak
- Cari widget Label di bawah header → klik Edit
- Atur label yang ingin ditampilkan
- Klik Simpan
Label Khusus
Ingin label seperti "Populer", "Trending", atau "Hot"? Cukup tambahkan label tersebut ke postingan yang diinginkan.
Memasang Icon Media Sosial
Lihat panduan lengkap: Memasang Icon Media Sosial →
Daftar Isi Otomatis
Template Wuzz memiliki fitur Table of Contents (TOC) yang muncul otomatis di postingan.
Cara Kerja
TOC akan otomatis muncul jika postingan memiliki minimal 2 heading H2.

Cara Membuat Heading di Postingan
- Buka editor postingan
- Blok teks yang ingin dijadikan heading
- Klik dropdown Paragraph → pilih Heading
- Ulangi untuk heading lainnya
Kustomisasi
Level heading default (H2) bisa diubah melalui Kode Pengaturan Template.