Sebelumnya saya sudah pernah membagikan sebuah template gratis dengan nama IBSstoredan responnya lumayan bagus.Template saya sudah di download dalam jumlah yang lumayan banyak.Untuk versi premium juga ada dengan bandrol harga yang terjangkau yaitu Zhopcart theme.Thanks ya buat agan yang sudah memakai template saya.Meskipun sederhana tapi fungsinya tak sesederhana keliatannya.Nah,setelah beberapa minggu saya merancang template ini,akhirnya saya dengan bangga bisa sharing kembali template toko online gratis untuk agan-agan semua.Berikut Screenshot dari MasgusStore yang tidak saya tempelkan Shopping cart ataupun invoice email.
Lihat rekomendasi Belanja Murah Keperluan Sehari-hari
Password RAR : idblogsitecom
1. Fitur MasgusStore Template :
- Navigasi Menu Responsive.
- Elegant header desain.
- 4 kolom Produk Galeri.
- Free pembayaran logo by indostore.
- 3 Kolom Footer.
- Related Produk.
- Desain Profesional.
- Gratissssss...
2. Setting Template MasgusStore :
a. Setting Navigasi Menu :
- Pada opsi HTML
- cari kode seperti di bawah ini :
<li><a href='#'>Fashion Pria <font size='1'>▼</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.
- Masih di opsti HTML.
- Cari kode header seperti di bawah ini :
#header-wrapper{
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhALmRz59W50njh1yv3mREP4y7DnwfOPyUpirxmC1cTgrBizsyDI2Ztd9Tt-wD9EvZD7lTA0peOmzxLGKY0_P0xKjF30j2nUuX3wZgXYsAWzGzsQ2DPhzY3nCsuRbCw6KJsI94gEHg1apk/s1600/header-toko.jpg) no-repeat;
- Ganti url gambar yang berwarna merah dengan url gambar background anda.
- 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsAwa0K75t1hCIDyP2gLRclcOuD2CioztewzKiGSDnmOKWxCyV5XOGQbec_j-pLGP6HDW0uNxx6o4zoh3fFUS0cYWb6YfKTH6nZewhQraYEHeL1jbtYDLaaws2dmKv9M-Ps2OGFsmhwjA/s1600/canon+dslr.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsAwa0K75t1hCIDyP2gLRclcOuD2CioztewzKiGSDnmOKWxCyV5XOGQbec_j-pLGP6HDW0uNxx6o4zoh3fFUS0cYWb6YfKTH6nZewhQraYEHeL1jbtYDLaaws2dmKv9M-Ps2OGFsmhwjA/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.
Sekian penjelasan dan sharing saya mengenai template toko blogger MasgusStore gratis dan semoga anda semua suka dengan template ini dan jika anda ingin membuat resi pengiriman,silahkan baca Widget Resi pengiriman JNE.
Nguồn : chúng tôi sưu tầm từ nhiều nguồn
0 nhận xét:
Đăng nhận xét