Template Toko Online MasgusStore



1. Fitur MasgusStore Template :

  1. Navigasi Menu Responsive.
  2. Elegant header desain.
  3. 4 kolom Produk Galeri.
  4. Free pembayaran logo by indostore.
  5. 3 Kolom Footer.
  6. Related Produk.
  7. Desain Profesional.
  8. Gratissssss…
2. Setting Template MasgusStore :
a. Setting Navigasi Menu :
Template toko online blogger MasgusStore
  • Pada opsi HTML
  • cari kode seperti di bawah ini :

<li><a href=’#‘>Fashion Pria <font size=’1′>&#9660;</font></a>
<ul class=’menus’>
<li><a href=’#‘>Sepatu</a></li>
<li><a href=’#‘>Jam Tangan</a></li>
<li><a href=’#‘>Kaos</a></li>
<li><a href=’#‘>Jacket</a></li>
<li><a href=’#‘>Celana</a></li>
<li><a href=’#‘>Kemeja</a></li>
</ul>
</li> 

  • Ganti kode “#” dengan alamat url produk anda.
  • Ganti kode tulisan Cetak Tebal dengan nama produk anda sendiri.
b. Mengganti Gambar Header.
Template Toko Online Blogspot
  • Masih di opsti HTML.
  • Cari kode header seperti di bawah ini :

#header-wrapper{
background:#fff url(http://2.bp.blogspot.com/-LMRHWCjb-So/UgTLTKbYF3I/AAAAAAAAARQ/oWz1JQRzIrE/s1600/header-toko.jpg) no-repeat;

  • Ganti url gambar yang berwarna merah dengan url gambar background anda.

c. Setting URL Halaman Order.

  • Cari Kode Seperti di bawah ini pada Opsi HTML.

<span class=’btorder’><a href=’http://masgus-store.blogspot.com/p/cara-pemesanan.html‘>ORDER</a></span>

  • Ganti URL yang berwarna Merah dengan URL halaman anda.
  • Untuk membuat halaman anda bisa klik menu Laman > Laman Baru > klik Laman Kosong dan isi halaman tersebut dengan kata-kata yang diperlukan.
d. Setting Posting Produk.
  • Klik menu Setelan > Pos dan Komentar > klik link Tambahkan pada template entri dan pastekan kode berikut ini > Simpan Setelan.

<span class=”item_price”>Rp 5.000.000,00</span><span class=”btorder”><a href=”http://p/cara-pemesanan.html”>ORDER</a></span>
<br />
<div class=”separator” style=”clear: both; text-align: left;”>
<a href=”http://3.bp.blogspot.com/-ck2W5OpW0sg/UgSqbeupC2I/AAAAAAAAARE/Q-E-4-wb5z8/s1600/canon+dslr.jpg” imageanchor=”1″ style=”clear: left; float: left; margin-bottom: 1em; margin-right: 1em;”><img border=”0″ height=”293″ src=”http://3.bp.blogspot.com/-ck2W5OpW0sg/UgSqbeupC2I/AAAAAAAAARE/Q-E-4-wb5z8/s320/canon+dslr.jpg” width=”320″ /></a><span style=”background-color: white; color: #444444; font-family: Arial; font-size: 12px; line-height: 16.796875px;”></span></div>
<div style=”text-align: justify;”>
Diskripsi Produk Anda<div>
<br /></div>
</div>

  • Ganti kode yang berwarna Ungu dengan harga produk anda.
  • Untuk kode yang berwarna merah ganti dengan alamar URL gambar anda.
  • Ganti kode yang berwarna biru dengan diskripsi produk anda seperti info diskon,stok barang dan lain-lain
Butuh bantuan? Silahkan Chat