Tutorial Toko online “Tokofedia”

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

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

https://tokofedia.xyz
https://tokofedia.xyz
+ Pilih ” Setelan Lainnya “
+ Klik ” Edit “
https://tokofedia.xyz
https://tokofedia.xyz
Nama tampilan > Ubah sesuai nama yang Anda inginkan
Foto Profil > Ubah dengan foto Profil Anda
https://tokofedia.xyz
https://tokofedia.xyz

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.

https://tokofedia.xyz
https://tokofedia.xyz

Import Artikel yang berjenis xml

Buka Blogger

+ Pilih ” Pengaturan / Setting ”

+ Pilih “ Lainya ”

https://tokofedia.xyz
https://tokofedia.xyz

Pilih ” Import Konten 

https://tokofedia.xyz
https://tokofedia.xyz
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)
https://tokofedia.xyz
https://tokofedia.xyz
+ 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)
https://tokofedia.xyz
https://tokofedia.xyz

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>
</div><



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