Cara Mengonfigurasi Fitur HTML Generator
Kode Generator HTML
Salin dan tempelkan kode di bawah ini ke menu Halaman dengan judul HTML Generator
.
<div class="elementskit_alert alert_info">
<div class="alert_message">
Baca: <a href="#" target="_blank">Cara Mengonfigurasi Fitur HTML Generator</a>
</div>
</div>
<div class="html_generator">
<section class="html_gesec1">
<h2>Product Showcase</h2>
<div class="add_generator">
<button class="button_gesec elementskit_button small outlined fwb" type="button">Tambah daftar baru</button>
</div>
<h2>Hasil Kode</h2>
<div class="elementskit_alert alert_info">
<div class="alert_message">
Hasil kode generator ini harus ditempelkan pada widget berjudul <b>Product Showcase</b>.
</div>
</div>
<button class="create_code elementskit_button small filled fwb" type="button">Buat kode</button>
<pre data-lang="</>"><code class="language-html">Output here</code></pre>
</section>
<section class="html_gesec2">
<h2>Subscribe Box</h2>
<h3>Judul</h3>
<input class="input_gesec1 custom_input" autocomplete="off" placeholder="Get this <br class="desktop"> awesome <br class="desktop"> template <br class="desktop"> now!" type="text"/>
<h3>Deskripsi</h3>
<input class="input_gesec2 custom_input" autocomplete="off" placeholder="Get unlimited access for <b>IDR 175,000 / $17.50</b> and be notified of the latest updates." type="text"/>
<h3>Call to Action</h3>
<div class="input_wrapper">
<input class="input_gesec3 custom_input" autocomplete="off" placeholder="Download" type="text"/>
<input class="input_gesec4 custom_input" autocomplete="off" placeholder="https://www.gilatemax.com/" type="text"/>
</div>
<h2>Hasil Kode</h2>
<div class="elementskit_alert alert_info">
<div class="alert_message">
Hasil kode generator ini harus ditempelkan pada widget berjudul <b>Sidebar Menu</b> dan <b>Sticky Sidebar Menu</b>.
</div>
</div>
<button class="create_code elementskit_button small filled fwb" type="button">Buat kode</button>
<pre data-lang="</>"><code class="language-html">Output here</code></pre>
</section>
</div>
Cara Menggunakan Fitur HTML Generator
Product Showcase
- Tambahkan daftar baru.
-
Foto Produk
Pada kolom ini isi dengan url gambar produk, contoh:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6MLFSHwGAQkzLgNrqJkHmzIPWeptuqGdII702VRGfXDU2gcrWLG79WCvaSEnqa0n24jvc_uqWKRkStcn8D3XX1UN1guHWJNbzwCqbEoX6Z1jBhmtLxXPJn6q-0fOiY1rtR9x1D1kb0wiAYPyoLu0TkJp2p6kj2JPeAZVGElbR_wpUx-RNNTTObJnUDw/s1600/Spaceback%20UI%20-%20Best%20Premium%20Blogger%20Template%20with%20UI%20Modern.jpg
. -
Nama Produk
Pada kolom ini isi dengan nama produk, contoh:
Spaceback UI - Best Premium Blogger Template with Modern Design UI
. -
Harga Produk
Pada kolom ini isi dengan nilai harga produk, contoh:
IDR 175.000
. -
Call to Action
Pada kolom ini isi dengan nama label tombol dan link tujuan.
-
Hasil Kode
Hasil kode generator ini harus ditempelkan pada widget berjudul Product Showcase.
- Selesai
Subscribe Box
-
Judul
Pada kolom ini isi dengan teks judul, contoh:
Get this <br class="desktop"> awesome <br class="desktop"> template <br class="desktop"> now!
. -
Deskripsi
Pada kolom ini isi dengan teks deskripsi, contoh:
Get unlimited access for <b>IDR 175,000 / $17.50</b> and be notified of the latest updates.
. -
Call to Action
Pada kolom ini isi dengan nama label tombol dan link tujuan.
-
Hasil Kode
Hasil kode generator ini harus ditempelkan pada widget berjudul Subscribe Box di Sidebar Menu dan Sticky Sidebar Menu.
- Selesai