Saturday, October 3, 2015

Free Template TOKO ONLINE Blogspot Masgus Market

Halo gan, hari ini saya akan kembali membagikan secara free sebuah template toko online untuk blog di blogspot, yang mungkin saja ada yang membutuhkannya untuk menjual produk-produk agan semua. Dengan desain shoping cart dan harga rupiah tentunya sangat cocok untuk agan yang tinggal di indonesia. Meskipun mungkin saja sebagian dari agan sudah ada yang memakai template ini yang diberi nama MasgusMarket ini.



Berikut ini Fitur yang mendukung Template Toko Online Masgusmarket :

  1. Shopping cart ( Keranjang belanja )
  2. Email Invoice ( invoice email otomatis )
  3. Drop down Menu
  4. Slide show by Nivo Slider

Cara Setting Template MasgusMarket :

1. Bentuk Format Post MasgusMarket :

Perlu diketahui untuk template toko online blogspot masgusmarket 2014 ini harus di posting dengan Format tersendiri supaya produk anda mempunyai flexibilitas yang sama bagusnya dengan produk lainnya dengan susunan yang rapi.
<div class="product_image">
<a class="item_thumb zoomable" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM4Mp02sf_KZBwpP002LrLn4n0SSA2_H0m9lg5Hy03nNTtIQINEF62Hgrn5Zgqr72upwUBGnlZE-eZo7KHCS0TdYTVVYdyqZ2MaGMrMR6kd2FjkCNLX__c4j64esnSC7MT6UnYmMrIBKU/s1600/nike.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM4Mp02sf_KZBwpP002LrLn4n0SSA2_H0m9lg5Hy03nNTtIQINEF62Hgrn5Zgqr72upwUBGnlZE-eZo7KHCS0TdYTVVYdyqZ2MaGMrMR6kd2FjkCNLX__c4j64esnSC7MT6UnYmMrIBKU/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 />
Catatan :
  • Anda ganti text yang di tulis tebal berwarna kuning dengan alamar URL gambar produk anda.
  • Silahkan rubah harga produk di bagian text yang berwarna Biru.
2. Cara Setting data Pemilik Toko Online :
  • Pertama silahkan Masuk ke halaman Template.
  • Lalu klik Edit Html.
  • Anda Cari sederetan kode yang tampak seperti di bawah ini :
simpleCart.email = &#39;masgustemplate@gmail.com&#39;;
simpleCart.checkoutTo = Email;
simpleCart.currency = IDR;
  • SKemudian silahkan rubah data toko anda sesuai kebutuhan anda, seperti Email, no rekening dan yang lain-lain.
3. Memasang Script Slider by Nivo Slider :
  • Masuk dahulu ke halaman TataLetak.
  • Lalu Klik Tambahkan Gadget > Html/JavaScript.
  • Lalu 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/AVvXsEiNZYBZ8TrL8tomg3G-OjIdH_yt3pLoPiOhsOTcaoG2sQNn-XTVNEAEkR_Nzp0wndqdhbFTlAifMMsxHGvmyHbLaudJOw5iSEtzp7phPEo1uNId6clYPWBCHT5y9rby-IP-uXcumc086IY/s1600/gshock_banner_2.jpg" alt="" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwGLFmOHC2-mZxDNjppxidVC4wtYCjmUTTYSiBkl41c8JZOUF-sqeva2dJ2PS13I7FRZnIJmNwSzY0lnYIGih079EEhBBX4uKrrvDI9OHM9gYK685TXf5a_fMj-wUsxfSPae4VivD5pkc/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/AVvXsEhqdQ7OGczJmk86aC4_9oILWVkzRKmeL4jFNXgZmqGjRo3DFTL8HIRR-oGN0SUgJ_MUbdR-Fiv02l8vVsPREBfhLxovBwaEl_hy9GBAzlVoORuTK5hXCY0LgMC6HcUBsV2CzQt_gguVTW8/s1600/ban.jpg" alt="" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimzwOU6T4nDJWZeVHo3cuHFjaGFzm7j6K2yWtQ-3NBWXFSsIXeZPrJ9x7-RJhsJm-6VGXteUK_PzwpzosCaLpJwKkEZ7NVt0_bXyjGoVj8z94X_FeIUFM-D7gop-l9Ez0QnxHwz7jwyV8/s1600/slide1-680x285.jpg" alt="" title="#htmlcaption" /></a>
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>Selamat Berbelanja
</strong></div>
</div>
  • Lalu ubah kode yang berwarna Biru dengan URL banner yang anda miliki sendiri.
  • Terakhir Klik Simpan dan silahkan lihat hasilnya.

PENTING : Silahkan anda unduh semua data kode dan script diatas DI SINI

Itulah template toko online untuk para blogger yang bisa anda download secara gratis dan anda gunakan untuk blog / toko jualan anda. Jika ada masalah atau ada template toko online yang anda butuhkan, silahkan isi pada kolom komentar dibawah. Semoga bermanfaat buat anda.

Artikel Terkait

Free Template TOKO ONLINE Blogspot Masgus Market
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email