Cara Mengonfigurasi Fitur Property Generator
Table of Contents
Kode Property Generator
Salin dan tempelkan kode di bawah ini ke menu Halaman dengan judul Property Generator.
<div class="beeroom_alert alert_info" style="margin-bottom:30px;">
<div class="alert_message">
Baca: <a href="#" rel="noopener" target="_blank">Cara Menggunakan Fitur Property Generator</a>
</div>
</div>
<div class="property_generator">
<section class="property_generator_section1">
<h2>Galeri Properti <code class="w">Wajib diisi</code></h2>
<div class="beeroom_alert alert_info">
<div class="alert_message">
Masukkan maks. 99 URL gambar.
</div>
</div>
<div class="property_generator_add">
<button class="pg_add1 beeroom_button fab extended small outlined fwm" type="button"><svg viewBox="0 0 24 24" fill="none"><path d="M12 4V20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4 12H20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Tambah daftar baru</button>
</div>
</section>
<section class="property_generator_section2">
<h2>Ringkasan Properti</h2>
<h3>Nama Label <code>Opsional</code></h3>
<input class="custom_input pg2" autocomplete="off" placeholder="Rumah, Apartemen, Toko" type="text"/>
<div class="toggle_button pg2">
<label>Warna Label Kustom (HOT) <code>Opsional</code></label>
<span><i></i></span>
</div>
<h3>Foto Profil Pengembang <code>Opsional</code></h3>
<input class="custom_input pg3" autocomplete="off" placeholder="https://..." type="text"/>
<h3>Nama Pengembang <code class="w">Wajib diisi</code></h3>
<input class="custom_input pg4" autocomplete="off" placeholder="Gila Temax" type="text"/>
<h3>Kontak Pengembang <code class="w">Wajib diisi</code></h3>
<input class="custom_input pg5" autocomplete="off" placeholder="6281234567890" type="number"/>
<h3>Nama Properti <code class="w">Wajib diisi</code></h3>
<input class="custom_input pg6" autocomplete="off" placeholder="Rumah Indah" type="text"/>
<h3>Lokasi Properti <code class="w">Wajib diisi</code></h3>
<input class="custom_input pg7" autocomplete="off" placeholder="Pandeglang, Banten" type="text"/>
<h3>Harga Properti <code class="w">Wajib diisi</code></h3>
<input class="custom_input pg8" autocomplete="off" placeholder="999000000" type="number"/>
</section>
<section class="property_generator_section3">
<h2>Daftar Ikhtisar</h2>
<h3>Kamar Tidur <code>Opsional</code></h3>
<input class="custom_input pg9" autocomplete="off" placeholder="3" type="number"/>
<h3>Kamar Mandi <code>Opsional</code></h3>
<input class="custom_input pg10" autocomplete="off" placeholder="2" type="number"/>
<h3>Luas Tanah <code>Opsional</code></h3>
<input class="custom_input pg11" autocomplete="off" placeholder="82" type="number"/>
<span class="cc">m²</span>
<h3>Luas Bangungan <code>Opsional</code></h3>
<input class="custom_input pg12" autocomplete="off" placeholder="215" type="number"/>
<span class="cc">m²</span>
</section>
<section class="property_generator_section4">
<h2>Overview Properti <code>Opsional</code></h2>
<div class="beeroom_alert alert_info">
<div class="alert_message">
Masukkan maks. 99 overview properti.
</div>
</div>
<div class="property_generator_add">
<button class="pg_add2 beeroom_button fab extended small outlined fwm" type="button"><svg viewBox="0 0 24 24" fill="none"><path d="M12 4V20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4 12H20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Tambah daftar baru</button>
</div>
</section>
<section class="property_generator_section5">
<h2>Informasi Properti <code class="w">Wajib diisi</code></h2>
<div class="beeroom_alert alert_info">
<div class="alert_message">
Masukkan maks. 99 informasi properti.
</div>
</div>
<p>Simbol meter persegi:</p>
<pre data-lang="</>"><code class="language-html">m²</code></pre>
<div class="property_generator_add pga1">
<button class="pg_add3 beeroom_button fab extended small outlined fwm" type="button"><svg viewBox="0 0 24 24" fill="none"><path d="M12 4V20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4 12H20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Tambah daftar baru</button>
</div>
<div class="property_generator_add pga2">
<h3>Lanjutan 1 <code>Opsional</code></h3>
<div class="pga_input">
<input class="custom_input" autocomplete="off" placeholder="Interior" type="text"/>
</div>
<button class="pg_add4 beeroom_button fab extended small outlined fwm" type="button"><svg viewBox="0 0 24 24" fill="none"><path d="M12 4V20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4 12H20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Tambah daftar baru</button>
</div>
<div class="property_generator_add pga3">
<h3>Lanjutan 2 <code>Opsional</code></h3>
<div class="pga_input">
<input class="custom_input" autocomplete="off" placeholder="Exterior" type="text"/>
</div>
<button class="pg_add4 beeroom_button fab extended small outlined fwm" type="button"><svg viewBox="0 0 24 24" fill="none"><path d="M12 4V20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4 12H20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Tambah daftar baru</button>
</div>
<div class="property_generator_add pga4">
<h3>Lanjutan 3 <code>Opsional</code></h3>
<div class="pga_input">
<input class="custom_input" autocomplete="off" placeholder="Tentang Properti" type="text"/>
</div>
<button class="pg_add4 beeroom_button fab extended small outlined fwm" type="button"><svg viewBox="0 0 24 24" fill="none"><path d="M12 4V20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4 12H20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Tambah daftar baru</button>
</div>
</section>
<section class="property_generator_section6">
<h2>Deskripsi <code>Opsional</code></h2>
<div class="beeroom_alert alert_success">
<div class="alert_message">
Disarankan untuk membuat deskripsi melalui Postingan Blogger dalam mode <b>Tampilan menulis</b>. Setelah selesai, salin semua kodenya dari mode <b>Tampilan HTML</b> dan tempelkan ke dalam kolom deskripsi.
</div>
</div>
<textarea class="custom_textarea pg16" placeholder="Ketik deskripsi di sini"></textarea>
</section>
<section class="property_generator_section7">
<h2>Fasilitas <code>Opsional</code></h2>
<div class="beeroom_alert alert_info">
<div class="alert_message">
Masukkan maks. 99 fasilitas.
</div>
</div>
<div class="property_generator_add">
<button class="pg_add5 beeroom_button fab extended small outlined fwm" type="button"><svg viewBox="0 0 24 24" fill="none"><path d="M12 4V20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4 12H20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Tambah daftar baru</button>
</div>
</section>
<section class="property_generator_section8">
<h2>FAQ <code>Opsional</code></h2>
<div class="beeroom_alert alert_info">
<div class="alert_message">
Masukkan maks. 99 FAQ.
</div>
</div>
<div class="property_generator_add">
<button class="pg_add6 beeroom_button fab extended small outlined fwm" type="button"><svg viewBox="0 0 24 24" fill="none"><path d="M12 4V20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4 12H20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Tambah daftar baru</button>
</div>
</section>
<section class="property_generator_section9">
<h2>Hasil Kode</h2>
<p>Hasil kode generator ini harus ditempelkan pada postingan dalam mode <b>Tampilan HTML</b>.</p>
<button class="create_code beeroom_button small filled fwm" type="button">Buat kode</button>
<pre data-lang="</>"><code class="language-html">Output here</code></pre>
</section>
</div>Cara Menggunakan Fitur Property Generator
Galeri Properti
Pada kolom ini, isi dengan URL/Link gambar. Contoh: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjArG-0P748S2zp0I5zAsNZzefADkrSAD5q7vQzvRzNx2iEOCHJ7MzHxovfQH5Qf06QWY-LtuQaD1GLPYiZJYXFZxrX31gzJUDkXSGKh33-0W1GJuRIDaIaYfkhMWBi5jCORGvrzompyFXoQlGmrkBgOHwOy2Hg6Gk1o3uP3ZUA_ijoXue_GyF8EVN0I_09/s1600/perumahan-the-residence-jakarta-selatan-general-fasad-3.webp.
Ringkasan Properti
Nama Label
Pada kolom ini, isi dengan nama label. Contoh: Rumah, Apartemen, Villa.
Aktifkan warna label kustom (HOT) untuk menampilkan label dengan warna yang lebih tersorot.
Foto Profil Pengembang
Pada kolom ini, isi dengan URL/Link gambar pengembang properti.
Nama Pengembang
Pada kolom ini, isi dengan nama pengembang properti.
Kontak Pengembang
Pada kolom ini, isi dengan nomor kontak pengembang properti.
Nama Properti
Pada kolom ini, isi dengan nama properti.
Lokasi Properti
Pada kolom ini, isi dengan lokasi properti.
Harga Properti
Pada kolom ini, isi dengan harga properti.
Daftar Ikhtisar
Kamar Tidur
Pada kolom ini, isi dengan jumlah kamar tidur.
Kamar Mandi
Pada kolom ini, isi dengan jumlah kamar mandi.
Luas Tanah
Pada kolom ini, isi dengan luas tanah.
Luas Bangunan
Pada kolom ini, isi dengan luas bangunan.
Overview Properti
Pada kolom ini, isi dengan teks informasi overview properti.
Informasi Properti
Pada kolom 1 dan 2, isi dengan daftar informasi properti. Contoh: Kamar Tidur dan 5.
Lanjutan
Pada kolom 1, isi dengan judul menu dropdown. Contoh: Interior, Exterior, Tentang Properti.
Pada kolom 2 dan 3, isi dengan daftar informasi properti. Contoh: Kamar Tidur dan 5.
Deskripsi
Disarankan untuk membuat deskripsi melalui Postingan Blogger dalam mode Tampilan menulis. Setelah selesai, salin semua kodenya dari mode Tampilan HTML dan tempelkan ke dalam kolom deskripsi.
Fasilitas
Pada kolom ini, isi dengan daftar fasilitas.
FAQ
Pada kolom 1, isi dengan judul pertanyaan dan kolom 2, isi dengan jawaban.
Hasil Kode
Pada bagian ini, setelah mengisi kolom di atas, buatlah kode. Salin kode tersebut dan tempelkan di menu Postingan dalam mode Tampilan HTML.
Jika Anda ingin melaporkan beberapa bug, Anda dapat menuliskannya di bagian komentar pada halaman Bug Report dan jika Anda ingin meminta fitur baru atau ingin memberikan umpan balik, silakan tuliskan di bagian komentar pada halaman Request dan Feedback.