cara install template tokopedia

Dibawah ini adalah beberapa panduan singkat, tentang cara penggunaan template blogger tokopedia yang versi shopping cart.

Jangan lupa, perhatikan lebih teliti dalam mengikuti panduan dibawah ini, agar tampilan toko online Anda berjalan dengan lancar dan benar.

Mengatur Foto Profil Blogger

Buka Blogger

+ Pilih " Setelan / Setting "

+ Pilih " Setelan Lainnya "

+ Klik " Edit "

+ Nama tampilan > Ubah sesuai nama yang Anda inginkan

+ Foto Profil > Ubah dengan foto Profil Anda

Isi tulisan kolom " Perkenalkan Diri Anda " > Text bisa Anda isi dari data diri Anda atau kota Asal Anda.

Lalu klim " SIMPAN PROFIL "

Tampilan akan muncul seperti contoh gambar dibawah ini, yang saya beri tanda panah merah.

Import Artikel yang berjenis xml

Buka Blogger

+ Pilih " Pengaturan / Setting "

+ Pilih " Lainya "

Pilih " Import Konten "

Klik " Import dari komputer " Lalu pilih file backup_artikel_xml

Tunggu waktu proses penyalinan artikel

Membuat Postingan Produk Template Blogger TokoPedia versi Shoopping Cart

Buka Blogger

+ Pilih Postingan (Lihat contoh gambar arah Panah 1)

+ Pilih Entri baru (Lihat contoh gambar arah Panah 2)

+ Isi judul Produk (Lihat contoh gambar arah panah 1)

+ Pilih Type Postingan mode " HTML" (Lihat contoh gambar arah Panah 2)

Salin kode HTML khusus dibawah ini.

<div class="gambar-produk">
<!============================== FOTO PRODUK ======================>
<!-- Foto 1 --><a href="#LINKFOTO1"><img alt="Judul Produk" class="lazyload item_thumb slider-image" src="#LINKFOTO1" /></a>
<!-- Foto 2 --><a href="#LINKFOTO2"><img alt="Judul Produk" class="lazyload slider-image" src="#LINKFOTO2" /></a>
<!-- Foto 3 --><a href="#LINKFOTO3"><img alt="Judul Produk" class="lazyload slider-image" src="#LINKFOTO3" /></a>
<!============================== TOMBOL ========================>
<button class="prev1" onclick="plusDivs(-1)">❮</button>
<button class="next1" onclick="plusDivs(+1)">❯</button>
<!============================= STATUS PRODUK ====================>
<div class="status-produk">
<div class="stok-habis">Slot Out</div>
<div class="promo">25%</div>
</div></div>
<!============================ DETAIL HARGA PRODUK =====================>
<div class="detail-produk" itemprop="offers" itemscope="" itemtype="https://schema.org/Offer">
<div content="IDR" itemprop="priceCurrency"></div>
<div class='harga-tetap'>Rp11300.000</div>
<div class="item_price" content="600000" itemprop="price">Rp600.000</div>
</div>
<!============================ RATING PRODUK ======================>
<div class="rating-produk" itemprop="aggregateRating" itemscope="" itemtype="https://schema.org/AggregateRating">
<span class="skor" itemprop="ratingValue">
<i class="fa fa-star"></i><!-- BINTANG 1 -->
<i class="fa fa-star"></i><!-- BINTANG 2 -->
<i class="fa fa-star"></i><!-- BINTANG 3 -->
<i class="fa fa-star"></i><!-- BINTANG 4 -->
<i class="fa fa-star"></i> 5.0</span><!--- NILAI BINTANG --->
<span class="rating" itemprop="reviewCount">165</span><!--- NILAI REVIEW ---->
</div>
<!=========================== DETAIL INFO PRODUK TABLE ====================>
<div class="detail-produk">
<table><tbody>
<tr><td colspan="2"><b>Product Details</b></td> </tr>
<tr><td>Product Code</td><td>702583</td></tr>
<tr><td>Types of products</td>
<td>Local</td></tr>
<tr><td>Weight</td><td>250 grams</td></tr>
<tr><td>Stock</td><td><div class="item_stock">
<span id="mit">Limited</span></div>
</td></tr>
</tbody></table>
</div>
<!========================= SUSUNAN TAB DESKRIPSI ===================>
<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">Text 1</label><!-- UBAH TEXT SESUAI KEINGINAN ANDA -->  
<input class="tab-selector-2" id="tab-2" name="radio-set" type="radio" />  
<label class="tab-label-2" for="tab-2">Text 2</label><!-- UBAH TEXT SESUAI KEINGINAN ANDA -->   
<input class="tab-selector-3" id="tab-3" name="radio-set" type="radio" />  
<label class="tab-label-3" for="tab-3">Text 3</label><!-- UBAH TEXT SESUAI KEINGINAN ANDA -->  
<!======================= DESKRIPSI PRODUK ================>
<div class="content">
<div class="content-1">Saya adalah batman</div>
<div class="content-2">Ini Adalah kuga yang saya beli</div>
<div class="content-3">Jika pengirman lambat berarti msih diluar bumi barangnya</div>
</div><!======================= END ===================>
</section>

Penjelasan :

1. Upload foto di Blogger bisa Anda lihat disini, lalu jika sudah cukup salin URL foto dan pasang kebagian #LINKFOTO yang sudah saya beri tanda.

cara membuat postingan produk di tokopedia
https://youtu.be/_MDkK-w2I2A

Komentar (0)