Cara Input Produk

Untuk input produk langkah-langkahnya adalah sebagai berikut :

Login ke “Blogger” > klik “Postingan” > “Entri Baru“

Pada editor artikel pilih mode “HTML“

Setelah itu paste kode HTML dibawah ini pada bagian halaman artikel :

---

<!-- GAMBAR PRODUK DAN STATUS -->

<div class="gambar-produk">

<a href="URL_GAMBAR_PRODUK">

<img alt="Text judul gambar produk" class="item_thumb lazyload slider-image" src="URL_GAMBAR_PRODUK" style="display: block;"></a>

<button class="prev1" onclick="plusDivs(-1)">❮</button>

<button class="next1" onclick="plusDivs(+1)">❯</button>

<!-- STATUS PRODUK DAN LABEL DISKON & PROMO -->
<div class="status-produk">

<div class="promo">19% off</div></div></div>

<!-- DATA HARGA PRODUK DAN DESKRIPSI -->
<div class="detail-produk" itemprop="offers" itemscope="" itemtype="https://schema.org/Offer"><div content="IDR" itemprop="priceCurrency"></div>

<div class="item_price" content="300000" itemprop="price">Rp.300.000</div></div>

<!-- RATING BINTANG -->
<div class="rating-produk" itemprop="aggregateRating" itemscope="" itemtype="https://schema.org/AggregateRating"><span class="skor" itemprop="ratingValue">

<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-half"></i> 4.3 </span><span class="rating" itemprop="reviewCount">50</span></div>

<!-- DESKRIPSI PRODUK -->
<div class="detail-produk">

<!-- Option -->

<table>

<tbody>

<tr><td colspan="2"><b>Detail Produk</b></td> </tr>

<tr><td>Jenis Pengerjaan</td><td>Multimedia</td></tr>

<tr><td>Lama Pengerjaan</td><td>1 s/d 7 Hari</td></tr>

<tr><td>Projek Min</td><td>1 Buah</td></tr>

<tr><td><b>Ketersediaan</b></td><td><div class="item_stock">Ada</div></td></tr>

</tbody>

</table></div>

<!-- PENJELASAN / KETERANGAN PRODUK -->
<div class="deskripsi-produk"><section class="tabs">  <input checked="checked" class="tab-selector-1" id="tab-1" name="radio-set" type="radio" />

<label class="tab-label-1" for="tab-1">Deskripsi</label>   <input class="tab-selector-2" id="tab-2" name="radio-set" type="radio" /> <label class="tab-label-2" for="tab-2">Catatan</label>   <input class="tab-selector-3" id="tab-3" name="radio-set" type="radio" />   <label class="tab-label-3" for="tab-3">Kebijakan Toko</label>

<div class="content">

<div class="content-1">Contoh tulisan Anda / Penjelasan Produk.

</div>

<div class="content-2">Contoh tulisan kedua tentang produk Anda.</div>

<div class="content-3">Contoh tulisan ketiga tentang produk Anda / Catatan produk yang Anda jual.</div>

</div></section></div>

---

Tips :

• #URL_GAMBAR_PRODUK Adalah URL Foto Produk, Usahakan ukuran foto lebar dan tingginya 700px x 700px / 300px 300px – Lihat contoh ukuran gambarnya disini
• content=”300000″ Ganti angka 300000 dengan harga produk tanpa tanda (,) koma/ (.)titik
• Rp.300.000 Ganti angkanya dengan harga produk menggunakan simbol mata uang.
• <i class=”fa fa-star”></i> – Ini adalah icon bintang nilai riview Produk, Jika ingin menambahkan / menggurangi jumlah bintang, silahkan hapus <i class=”fa fa-star”></i> / tambahkan. Icon menggunakan FontAwesome.

Tags

Artikel

Previous article

Next Post

Next article

This Is The Oldest Page