Cara Mengonfigurasi Fitur Bio Sphere Generator

Table of Contents

Bio Sphere Generator

<div class="biosphere_generator">
  <section class="biosphere_linklist">
    <h2>Link List (Daftar Link)</h2>

    <div class="biosphere_detail">
      <div class="input_added">
        <button class="add_new_benefit biosphere_button small fab extended outlined fwm" type="button"><svg viewBox="0 0 24 24"><path d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z"></path></svg>Tambah link</button>
      </div>

      <div class="hr"></div>

      <h3>Hasil Kode</h3>
      <p>Hasil kode generator ini harus ditempelkan pada widget berjudul <b>Link List</b>.</p>
      <button class="create_button biosphere_button small fab extended filled fwm" type="button">
        <svg fill="currentColor" viewBox="0 0 24 24"><path d="M14.6,16.6L19.2,12L14.6,7.4L16,6L22,12L16,18L14.6,16.6M9.4,16.6L4.8,12L9.4,7.4L8,6L2,12L8,18L9.4,16.6Z"></path></svg>
        Buat kode
      </button>
      <pre class="hidden" data-lang="&lt;/&gt;"><code class="html-language">Output code here</code></pre>
    </div>
  </section>
  <section class="biosphere_product_showcase">
    <h2>Product Showcase (Etalase Produk)</h2>

    <div class="biosphere_detail">
      <h3>Judul</h3>
      <input class="custom_input bps1" autocomplete="off" placeholder="Contoh: Direkomendasikan untuk Anda" type="text"/>

      <div class="hr"></div>

      <div class="input_added">
        <button class="add_new_benefit biosphere_button small fab extended outlined fwm" type="button"><svg viewBox="0 0 24 24"><path d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z"></path></svg>Tambah etalase</button>
      </div>

      <div class="hr"></div>

      <h3>Hasil Kode</h3>
      <p>Hasil kode generator ini harus ditempelkan pada widget berjudul <b>Product Showcase 1, 2, 3, 4, 5</b>.</p>
      <button class="create_button biosphere_button small fab extended filled fwm" type="button">
        <svg fill="currentColor" viewBox="0 0 24 24"><path d="M14.6,16.6L19.2,12L14.6,7.4L16,6L22,12L16,18L14.6,16.6M9.4,16.6L4.8,12L9.4,7.4L8,6L2,12L8,18L9.4,16.6Z"></path></svg>
        Buat kode
      </button>
      <pre class="hidden" data-lang="&lt;/&gt;"><code class="html-language">Output code here</code></pre>
    </div>
  </section>
</div>

Link List (Daftar Link)

Pada bagian tombol Tambah link berfungsi untuk menambahkan elemen daftar link baru hingga maks. 30.

Pada kolom Gambar masukkan URL gambar seperti contoh:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzRmaUOfap00I4qyIpjq93syCEiptrnFrQUvRvv54t3lWUMAJXfg3SiAYDBkd6KCJ80H5gCpQ3i6JTfXDZCCMKPOxw261u4LU7Xw76ifEVOQ5d141Z4QKDiKviePQ-DOKepNX0OZZ6Tf5Eo-ynSpR0FtMaJpRpgzoSWLZjegm3UF_g94c/s220/Foto%20Ishar%20Yulian%20Satriani.jpg

Ukuran gambar yang disarankan 300 x 300 px.

Pada kolom Judul masukkan teks judul seperti contoh:
Bio Sphere - Best Premium Bio Link Blogger Template

Pada kolom Tautan masukkan URL/Link seperti contoh:
https://www.gilatemax.com/
Pada bagian Hasil Kode klik tombol Buat kode untuk menghasilkan kode HTML. Tempelkan kodenya di widget Tata Letak yang berjudul Link List.

Product Showcase (Etalase Produk)

Pada kolom Judul masukkan teks judul seperti contoh:
Direkomendasikan untuk Anda
Pada bagian tombol Tambah etalase berfungsi untuk menambahkan elemen etalase produk baru hingga maks. 30.

Pada kolom Gambar Produk masukkan URL gambar produk seperti contoh:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi27IH-EJX_2MCPI-s_CWAb-qncJvrJNRjHT-uonFEDJN8CasJzqAWW2G5_vFCZx-V4gpiQbMuskQbtfOSNd0WbZWtxzyuHBUYxLMho9Qs6NjfEv3qjdVzPC1ZJYrdyU6VnlxE0v58h2b-O4WfvBqkdZffL68S0tPJq0OWtevh4ol9nf8EAKKNqvHHhvw/s1600/Spade%20-%20Best%20Premium%20Blogger%20Template%20for%20Facebook%20Ads%20to%20AdSense%20GTX4.jpg

Ukuran gambar yang disarankan 300 x 300 px.

Pada kolom Judul Produk masukkan teks judul produk seperti contoh:
Bio Sphere - Best Premium Bio Link Blogger Template

Pada kolom Tautan Produk masukkan URL/Link produk seperti contoh:
https://www.gilatemax.com/

Pada kolom Harga Produk masukkan harga produk seperti contoh:
IDR 60.000

Pada kolom Platform masukkan platform seperti contoh:
Gila Temax, Tokopedia, Shopee
Pada bagian Hasil Kode klik tombol Buat kode untuk menghasilkan kode HTML. Tempelkan kodenya di widget Tata Letak yang berjudul Product Showcase.

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.