Login Blogger.com > Tema > Edit HTML.
Jika sudah, ikuti langkah-langkah dalam video dibawah ini.
Terakhir, Setting Blog seperti screenshot berikut ini.




Pertama, silahkan Salin / Copy terlebih dahulu Template produk dibawah ini :
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class='productPhoto'> | |
<!-- ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 📷 Photo --> | |
<!-- ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ / 📷 Photo --> | |
</div> | |
<div class='productDetail' data-stock='on'> | |
<!-- ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 🔖 Price --> | |
<span itemprop='price' class='productPrice' data-discount-percent='0'>140000</span> | |
<!-- ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 💡 Option --> | |
<ul id='Ukuran' class='productOption'><li>S</li> | |
<li>M</li> | |
<li>L</li> | |
<li>XL</li> | |
</ul> | |
<!-- ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 💬 Detail Description--> | |
<div class='detailDescription'> | |
<b>Detail Produk</b> | |
<ul><li>Detail 1</li> | |
<li>Detail 2</li> | |
<li>Detail 3</li> | |
<li>Detail dst..</li> | |
</ul> | |
<small><b>Disclaimer:</b> Persamaan warna foto katalog dengan produk asli mencapai 98%. Efek cahaya, kecerahan, kerapatan, dan resolusi layar memungkinkan terjadinya distorsi warna.</small> | |
</div> | |
<!-- ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ / 💬 Detail Description--> | |
</div> |
Selanjutnya, Klik Menu Postingan Blogger lalu klik tombol Entri Baru.

Jika sudah, silahkan lihat video cara update produk dibawah ini untuk mengetahui cara Menambah Foto Produk, Harga, Diskon, Varian Produk, Deskripsi, Detail Produk & Status Produk (Habis / Sold Out).
Silahkan check video berikut ini untuk Menambahkan "Sizechart" atau "Detail" pada Option.