Kunci sukses meningkatkan konversi penjualan toko online terletak pada visual produk yang bersih dan informasi yang jelas. Template BloZhof dilengkapi dengan infrastruktur postingan pintar yang otomatis mengubah baris kode sederhana menjadi tampilan katalog profesional berkelas dunia, lengkap dengan slider gambar, sematan video Shorts, serta tabel spesifikasi taktil.

Untuk mengupload produk dagangan Anda, kami menyediakan 2 jalur mudah yang bisa Anda pilih sesuai kenyamanan Anda.

---

CARA 1: Menggunakan Alat Generator Posting Produk (Sangat Mudah & Praktis)

Bagi Anda yang ingin bebas dari urusan ketik-mengetik kode HTML, kami sangat menyarankan untuk menggunakan alat generator resmi kami. Anda cukup mengisi formulir, memasukkan harga, mencentang gaya tampilan, lalu menyalin kodenya.

Langkah-Langkah:

1. Kunjungi alat pembuat kode instan kami di sini
   👉 BloZhof Posting Generator 👈.
2. Input Media Gambar Produk: Anda bisa memasukkan URL foto produk secara langsung ke kolom yang tersedia.
   Cara Dapatkan Foto Produk,
   Atau Anda bisa mengeklik tombol UPLOAD untuk mengunggah foto langsung dari perangkat Anda.
3. Sistem Skema Harga: Isi harga asli dan harga coret (Sistem generator akan otomatis menghitung persentase diskon potongan secara real-time).
4. Seleksi Gaya & Deskripsi (Penting): Pada bagian ini, Anda dapat mengatur tampilan boks deskripsi produk Anda dengan sistem centang (Checklist):
   • Posisi Teks Mid: Centang ini jika ingin teks deskripsi berada di posisi tengah (Center alignment).
   • Cetak Tebal: Centang untuk membuat seluruh teks deskripsi menjadi tebal (Bold).
   • Frame Kartu: Centang untuk memberikan garis bingkai (*border*) estetik di sekeliling boks deskripsi Anda.
   • Efek Bayangan: Centang untuk memberikan efek bayangan (*box-shadow*) lembut agar boks deskripsi terlihat mengapung secara premium.
   • Pilihan Gaya Tulisan: Pilih jenis font elegan yang paling cocok dengan karakter toko Anda pada menu dropdown.
5. Integrasi Sematan Video: Masukkan link video Shorts/YouTube produk Anda, lalu gunakan menu dropdown "Atur Penempatan Tombol Video" untuk memilih apakah tombol nonton video ingin diletakkan Di Atas Deskripsi atau Di Bawah Deskripsi.
6. Klik tombol 🚀 GENERATE KODE di bagian bawah, lalu salin seluruh kode yang dihasilkan.
7. Masuk ke dasbor Blogger Anda -> Buat Postingan Baru -> Ubah mode menulis menjadi Tampilan HTML -> Tempelkan kodenya di sana -> Isi Judul & Label Produk -> Klik Publikasikan.

---

CARA 2: Menggunakan Kode Kerangka Manual & Fitur Popup Instan

Jika Anda ingin langsung menulis secara cepat dari dalam editor postingan Blogger tanpa membuka generator, Anda bisa mengambil struktur kerangka kodenya langsung di bawah ini:

• Salin langsung kerangka postingan murni siap pakai tanpa menggunakan generator 👉 Disini 👈

---

Penting! Memahami Anatomi & Logika Kode Postingan

Agar tampilan halaman produk Anda terlihat presisi, segar, dan profesional seperti hasil demonstrasi katalog resmi kami, berikut adalah penjelasan detail mengenai struktur kodenya:

• <span></span> (Baris Pembatas): Baris kosong wajib di baris nomor 1 agar sistem indeks Blogger tetap seimbang dan rapi di beranda.
• Pemberian Gaya Deskripsi Manual: Jika mengedit manual, Anda bisa memanipulasi kode CSS inline di dalam tag <div class="deskripsi-produk" style="...">:
  • Ubah text-align: center; menjadi text-align: left; jika ingin teks rata kiri.
  • Tambahkan atau hapus perintah border: 2px dashed... untuk mengontrol bingkai kartu deskripsi.
  • Gunakan box-shadow untuk menambahkan efek bayangan mengambang yang mewah.
• Fleksibilitas Posisi Tombol Video (#ytv=...): Pada kode postingan manual, letak baris kode #ytv=... ini sangat fleksibel kawan! Jika Anda meletakkannya di atas baris <div class="deskripsi-produk">, maka tombol "Tonton Video" akan muncul di atas deskripsi produk. Sebaliknya, jika Anda menaruhnya di bawah div deskripsi, tombol video akan otomatis tercetak di bagian bawah deskripsi.
• Rumus Pintar Tabel Spesifikasi 3D (Bagian Paling Bawah):
  • HC=175000 adalah Harga Coret (Price Anchor) untuk menampilkan coretan harga diskon pasaran.
  • DS=29% adalah Diskon Persentase, teks balon merah menyala yang mengapung di atas kotak spesifikasi produk.
  • Format teks menggunakan tanda pagar (Contoh: Merek#Sidu atau Bahan#Kertas) akan diubah otomatis oleh engine template menjadi barisan tabel spesifikasi dengan latar belakang gelap kontras bergaya aplikasi premium.

Tips Pro Mengupload Produk BloZhof: Manfaatkan kombinasi penempatan tombol video di atas deskripsi jika video produk Anda merupakan poin penjualan utama (Main USP), sehingga pengunjung bisa langsung berinteraksi dengan video demo produk sebelum membaca spesifikasi teknisnya!