Template TOKO ONLINE Blogspot MasgusMarket

MasgusMarket Bloggershop Template

Live Demo   ||   Download Template

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/AVvXsEgkowGhc4l49tnlUEKHRvtNXEALOthg3wtEO8ZBtG2ftZHmBGvdBxcOy9pKfrzmW5fAkZKCyP2mTU-KmwZ7Px85OJHX90_Hr8ELr_IC1dVzhRsgNBmYVVxKz-S9om1HGSAPOzotLrsfJyM/s1600/nike.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkowGhc4l49tnlUEKHRvtNXEALOthg3wtEO8ZBtG2ftZHmBGvdBxcOy9pKfrzmW5fAkZKCyP2mTU-KmwZ7Px85OJHX90_Hr8ELr_IC1dVzhRsgNBmYVVxKz-S9om1HGSAPOzotLrsfJyM/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&nbsp;</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 berwarna Merah.

2. Setting data Pemilik Toko Online :

• Masuk ke halaman Template.
• klik Edit Html.
• Cari deretan kode seperti di bawah ini :

simpleCart.email = &#39;masgustemplate@gmail.com&#39;;
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/AVvXsEhvw2U4CM76W0dYaN4nbjUfJD6vt6zBw_AMQaUrJuIfb5p1mGMeFI-tFOLKTVXk02xh4xcpxcYjRNv2o1qdyR_oZOumBiX5bMBMHxooRNPhE-q9T2kpWQNs2PalX6fbkn7ONnAthmpnGU0/s1600/gshock_banner_2.jpg" alt="" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirKV_gVwAQ7Yg4xTJRy2znolA592hkfEWIL1Igcnu547Z5xRpnot72gLnze5fslb33dVIxqK7BQxIfp1Skj5lVAw8a_yI5qEA94uW5R4IvoawCUWaeHlz0vGgWonu7otNvZD8y1MuiVhM/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/AVvXsEhGgrNev51R49_vgT38KOHKmZNZOGCuTz_sAd2-BwMx0q7Vo9-mAIPIs6uKAwCTQLmgx5ZA2q8sV1racbyGFSWvsqURy5P2JERufiM-hfhPulm5yI_jHOYxkXPlRyj6F7JSi2qVQ0LxOvk/s1600/ban.jpg" alt="" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilOYDi-jC7Ocd_pnp_D7Q8_YyPIMIU8QL9l-1SYaTns67Lr5AeuRvJY6I9lHzqaXbuGI4GW5lXUl1fsqkTl6DWoxVMpE8LcKH7EltuWXG04HD6LssG5TVZSaQMiYG2_zoBdHPIXZ-lTX8/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 berwarna Merah dengan URL banner anda sendiri.
• Klik Simpan dan lihat hasilnya.