MASgusmarket Blogger Template
Fiture Template
- MINIMALIST & FULL COLOUR DESIGN
- E-COMMERCE DESIGN
- ELEGANT & MINIMALIST
- 2 COLUMN HOMEPAGE
- 3 COLUMN PRODUCT
- SHOPPING CART
- IDR CURRENCY
- ADS SPACE READY.
- SLIDER BY NIVO
- DROP DOWN MENU.
Fitur Masgusmarket Dan Tutorial
Fitur Template Masgusmarket :
- Shopping cart ( Keranjang belanja )
- Email Invoice ( invoice email otomatis )
- Drop down Menu
- Slide show by Nivo Slider
- Yang terpenting template ini GRATIS....hehehe
Tutorial Template MasgusMarket :
1. Format Post MasgusMarket :
Untuk template masgusmarket 2014 harus di posting dengan Format tersendiri agar produk anda memiliki flexibilitas yang sama dengan produk lainnya, alias rapi gan..
<div class="product_image">
<a class="item_thumb zoomable" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY1ETZiD8ixwwwaw8qgxZukSoRLdDFLcrdQw8MW3zJ3qMwnx50PW02x16sjpfKWOxjM5z-OTcl8L_HUoDwOagSNytyXNKKe89-Q_MSYhPnzUWtTgC32m4InX7DMLnnjgso0TzFFh6lFek/s1600/nike.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY1ETZiD8ixwwwaw8qgxZukSoRLdDFLcrdQw8MW3zJ3qMwnx50PW02x16sjpfKWOxjM5z-OTcl8L_HUoDwOagSNytyXNKKe89-Q_MSYhPnzUWtTgC32m4InX7DMLnnjgso0TzFFh6lFek/s1600/nike.jpg" /></a>
<span class="item_price">RP 280,000.00</span></div>
<div class="product_describe">
<br />
<br />
<table class="ui-grid ui-gridFull prd-attributes" style="background-color: white; border-collapse: collapse; border-spacing: 0px; border: 0px; color: black; font-family: Tahoma, Arial, sans-serif; font-size: 13px; height: 127px; line-height: 15px; margin-bottom: 0px; width: 100%;"><tbody>
<tr class="even" style="background-color: #fafafa;"><td class="strong" style="border: 1px solid rgb(242, 242, 242); font-weight: bold; line-height: 24px; padding: 0px 15px; vertical-align: top;"><div style="text-align: center;">
Nama</div>
</td><td style="border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;"><div id="pdtsku">
AIRWALK SNEAKERS </div>
</td></tr>
<tr class="odd"><th class="strong" style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;">Ukuran (L x W x H/ cm)</th><td style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;">Ukuran Produk</td></tr>
<tr class="even" style="background-color: #fafafa;"><th class="strong" style="border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;">Berat (kg)</th><td style="border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;">Berat Produk</td></tr>
<tr class="odd"><th class="strong" style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;">Warna</th><td style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;">Warna Produk</td></tr>
</tbody></table>
<br />
Keterangan :
- Silahkan gantis text yang di cetak tebal warna hitam dengan alamar URL gambar produk anda.
- Jangan lupa merubah harga produk di bagian text yang berwarnaMerah.
<a class="item_thumb zoomable" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY1ETZiD8ixwwwaw8qgxZukSoRLdDFLcrdQw8MW3zJ3qMwnx50PW02x16sjpfKWOxjM5z-OTcl8L_HUoDwOagSNytyXNKKe89-Q_MSYhPnzUWtTgC32m4InX7DMLnnjgso0TzFFh6lFek/s1600/nike.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY1ETZiD8ixwwwaw8qgxZukSoRLdDFLcrdQw8MW3zJ3qMwnx50PW02x16sjpfKWOxjM5z-OTcl8L_HUoDwOagSNytyXNKKe89-Q_MSYhPnzUWtTgC32m4InX7DMLnnjgso0TzFFh6lFek/s1600/nike.jpg" /></a>
<span class="item_price">RP 280,000.00</span></div>
<div class="product_describe">
<br />
<br />
<table class="ui-grid ui-gridFull prd-attributes" style="background-color: white; border-collapse: collapse; border-spacing: 0px; border: 0px; color: black; font-family: Tahoma, Arial, sans-serif; font-size: 13px; height: 127px; line-height: 15px; margin-bottom: 0px; width: 100%;"><tbody>
<tr class="even" style="background-color: #fafafa;"><td class="strong" style="border: 1px solid rgb(242, 242, 242); font-weight: bold; line-height: 24px; padding: 0px 15px; vertical-align: top;"><div style="text-align: center;">
Nama</div>
</td><td style="border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;"><div id="pdtsku">
AIRWALK SNEAKERS </div>
</td></tr>
<tr class="odd"><th class="strong" style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;">Ukuran (L x W x H/ cm)</th><td style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;">Ukuran Produk</td></tr>
<tr class="even" style="background-color: #fafafa;"><th class="strong" style="border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;">Berat (kg)</th><td style="border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;">Berat Produk</td></tr>
<tr class="odd"><th class="strong" style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;">Warna</th><td style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;">Warna Produk</td></tr>
</tbody></table>
<br />
- Silahkan gantis text yang di cetak tebal warna hitam dengan alamar URL gambar produk anda.
- Jangan lupa merubah harga produk di bagian text yang berwarnaMerah.
2. Setting data Pemilik Toko Online :
- Masuk ke halaman Template.
- klik Edit Html.
- Cari deretan kode seperti di bawah ini :
simpleCart.email = 'masgustemplate@gmail.com';
simpleCart.checkoutTo = Email;
simpleCart.currency = IDR;
- Silahkan rubah data toko anda sesuai kebutuhan seperti Email,norek dan lain-lain.
- Masuk ke halaman Template.
- klik Edit Html.
- Cari deretan kode seperti di bawah ini :
simpleCart.email = 'masgustemplate@gmail.com';
simpleCart.checkoutTo = Email;
simpleCart.currency = IDR;
- Silahkan rubah data toko anda sesuai kebutuhan seperti Email,norek dan lain-lain.
3. Script Slider by Nivo Slider :
- Masuk ke halaman TataLetak.
- Klik Tambahkan Gadget > Html/JavaScript.
- Pastekan kode Slider berikut.
<div class="slider-wrapper theme-pascal">
<div class="ribbon"></div>
<div id="slider" class="nivoSlider">
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoknORQ84c6hXos4kymtTEbIvxLrhVFoc8BNE50Pw0QXh78NckEK2Va__lvd-SJBSw5-3LhRAM56YkxDWwIDW1MHb7qJm1wM4L5-q3r0h22yEtslB4XZvZNuH01vqBRFLor0p2ry1qc8s/s1600/gshock_banner_2.jpg" alt="" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPNHwBwl3Zch4RlaK0guzP2x8FnMe24sGUQrZfBEdGiVZVdJAtk1ExmCG8h1027Kkn4HSUtT_AC6vtR-xKZFHu4CuDMavFlT0eJ0rMtpX8J-ChgcG0QnfTcwM0nceHcIYhm1A28dxMymU/s1600/banner-(1).jpg" alt="" title="Selamat Datang di toko kami" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgadAR8_lL88ofeSq3y__52PJjRf3AYRKC6MjwQuUm0ojOmk2WvNcoCAuFSyBjX4kaZDEemmdv6ZhBVMaeXV51LRtJT9LWPkEM5qXzjJOv4I3P7cVrmgzap759sbF2CiOBtipQk_WeYx1Y/s1600/ban.jpg" alt="" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSro_qqelme52Fae7WLQJ_YOwGD5nFJ7rbma7cx5XuSSUP41fvzxLe5JwGvhpOD8JIn3R0Hwb5cw9FIe1YYOkqgIfnHRmUCdazminkyJr4XTZ1G0NncbNhqzfIUzGkeNWnqsASSI27-e8/s1600/slide1-680x285.jpg" alt="" title="#htmlcaption" /></a>
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>Selamat Berbelanja
</strong></div>
</div>
- Silahkan agan rubah kode yang berwarnaMerah
dengan URL banner anda sendiri.
- Klik Simpan dan lihat hasilnya.
- Masuk ke halaman TataLetak.
- Klik Tambahkan Gadget > Html/JavaScript.
- Pastekan kode Slider berikut.
<div class="slider-wrapper theme-pascal">
<div class="ribbon"></div>
<div id="slider" class="nivoSlider">
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoknORQ84c6hXos4kymtTEbIvxLrhVFoc8BNE50Pw0QXh78NckEK2Va__lvd-SJBSw5-3LhRAM56YkxDWwIDW1MHb7qJm1wM4L5-q3r0h22yEtslB4XZvZNuH01vqBRFLor0p2ry1qc8s/s1600/gshock_banner_2.jpg" alt="" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPNHwBwl3Zch4RlaK0guzP2x8FnMe24sGUQrZfBEdGiVZVdJAtk1ExmCG8h1027Kkn4HSUtT_AC6vtR-xKZFHu4CuDMavFlT0eJ0rMtpX8J-ChgcG0QnfTcwM0nceHcIYhm1A28dxMymU/s1600/banner-(1).jpg" alt="" title="Selamat Datang di toko kami" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgadAR8_lL88ofeSq3y__52PJjRf3AYRKC6MjwQuUm0ojOmk2WvNcoCAuFSyBjX4kaZDEemmdv6ZhBVMaeXV51LRtJT9LWPkEM5qXzjJOv4I3P7cVrmgzap759sbF2CiOBtipQk_WeYx1Y/s1600/ban.jpg" alt="" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSro_qqelme52Fae7WLQJ_YOwGD5nFJ7rbma7cx5XuSSUP41fvzxLe5JwGvhpOD8JIn3R0Hwb5cw9FIe1YYOkqgIfnHRmUCdazminkyJr4XTZ1G0NncbNhqzfIUzGkeNWnqsASSI27-e8/s1600/slide1-680x285.jpg" alt="" title="#htmlcaption" /></a>
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>Selamat Berbelanja
</strong></div>
</div>
- Silahkan agan rubah kode yang berwarnaMerah
dengan URL banner anda sendiri. - Klik Simpan dan lihat hasilnya.
Anda Juga Bisa Beli Template Premium Yang Kami Sediakan Di bawah ini :
Toko Online Tokonesia
Toko Online Sopcart
Toko Online Tokonesia
Toko Online Sopcart


