Download template TOKO ONLINE Blogspot MasgusMarket

Sempat linknya terhapus dari Box,kali ini saya akan kembali meng-share template toko blog dimana mungkin sebagian dari anda sudah memakai template yang saya beri nama MasgusMarket. Untuk fitur sendiri masih sama dengan yang sempet saya share kemaren alias tidak ada yang berubah.Perubahan hanya pada footer dan banner yang saya tambahkan di demonya.

Download template TOKO ONLINE MasgusMarket
MasgusMarket Bloggershop 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="http://4.bp.blogspot.com/-0dwU0o7MRLo/UsDN_v20YxI/AAAAAAAABWA/1fAGSi9HrVQ/s1600/nike.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="http://4.bp.blogspot.com/-0dwU0o7MRLo/UsDN_v20YxI/AAAAAAAABWA/1fAGSi9HrVQ/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="http://4.bp.blogspot.com/-v0qcj9oUOBY/UsFTSwR_IHI/AAAAAAAABZY/JO4VrYDoTU8/s1600/gshock_banner_2.jpg" alt="" /></a>
<a href="http://www.bukablog.com"><img src="http://4.bp.blogspot.com/-Jwua09XKCLI/UsFTVSYZ2EI/AAAAAAAABZo/HMiQK-e5bv0/s1600/banner-(1).jpg" alt="" title="Selamat Datang di toko kami" /></a>
<a href="http://www.bukablog.com"><img src="http://4.bp.blogspot.com/-Fq1nMvLtKJQ/UsFTUrnxoZI/AAAAAAAABZg/b6L_b-_dDkU/s1600/ban.jpg" alt="" /></a>
<a href="http://www.bukablog.com"><img src="http://2.bp.blogspot.com/-fLTkF7H58G4/UsFTXPRRWoI/AAAAAAAABZw/ik92FhTI4ns/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.
Saya rasa cukup pembahasan tentang template toko online gratis karya saya sendiri dan jika ada dari tutorial saya yang kurang anda mengerti.Silahkan gunakan fasilitas komentar di bawah postingan ini.Sekian dan happy blogging.

69 komentar

Gan mau nanya kalau setelah checkout masuk ke ucapan terimakasih caranya gimana ya.terima kasih pencerahanya

Silahkan ganti URL Halaman terima kasih di menu TEMPLATE > Edit HTML...Baca selengkapnya di Point no 2 panduan di atas...Tq

mas knapa ya nivo slider saya , ga bergerak

Kemungkinan agan salah meletakan URL Gambarnya,,,coba diperika kembali gan...!!

ok mas ,mas kalo header saya mau diganti dengan gambar sendiri gimana mas

ketika tombol checkout sy klik kok malah masuk ke paypal? mhn bantuannya ya mas

Silahkan agan cari kode simpleCart.checkoutTo = paypal; dan ganti dengan kode simpleCart.checkoutTo = Email; ...Semoga membantu..

top deh template nya mas :) ini lagi saya mau pakai

mau tanya kalo yg email invoice ke pembeli kan alamatnya masgustemplate@gmail.com nah kalo saya mau ganti dengan alamat saya gimana caranya ya mas ??

Terima kasih

Silahkan agan liat tutorial di atas pada POINT 2....disana sudah saya jelaskan mengenai cara setting data pemilik toko online...tq

minta scrip bannr yang atas kanan mas,soalnya cari2 trus di pasang gagal tterus

Silahkan cari URL Gambar http://3.bp.blogspot.com/-UsRnXqeyZDg/U96Ex80HMAI/AAAAAAAAABU/orgf82ylLl4/s1600/banner-template.jpg > kemudian ganti dengan url gambar anda sendiri...tq

makasih templatenya gan... ane juga mau yg premium gan..

assalamualaikum gan..
Trimakasih atas template gratis nya.. udah ane pasang di blog ane.. insya allah ntar kl ada rezeki ane pengen yg premium..
tpi ane skarang pake yg gratis dlu ya..
ane mau tanya punya ane waktu ane click tombil cek out kok ga bisa ya gan,

ini script nya https://lh4.googleusercontent.com/-Zqgjh9408ko/VCDRejKkhpI/AAAAAAAAAfw/suRjb7d2bPs/w1037-h281-no/Untitled.png

THX atas jwban nya...

Ok d tnggu order premiumnya gan....untuk masalah di atas setelah sya cek smua udah d setting dengan benar....Solusi mudah coba UPLOAD ULANG aja gan Zacky....

Ok sama2 gan...d tnggu order premiumnya ya...hehehe

Gak ngudeng aq mas,....
Oya mau tanya gan settingan template jhonyblackstore gmn ya?..
Bisa bimbing sy mas,step by step..sy pke template jhony..tp kode2 script yg disuruh carri ko g ada ya..

waduh untuk template johny tanya ke desainernya mas....Silahkan visit blog resmi maskolisnya gan....tq

mas ane udah pasang di blog ane, tapi tombol checkout sama sekali ga bisa

Ane buka juga live demo yang agan kasih, sama juga lho, checkoutnya juga ga bisa
gimana tuh gan?

Tolong mas, point yg 1 mksdnya gmn mas? Edit html ap gmn?..trs tutor yg di bukabkog sm yg di idblogsite ko beda pdhl sms2 masgusmarket jg template nya..tlng pencerahannya gan TQ

ya sama aja gan cuman ini v2 di buat tutorialnya disini...pertanyaannya bisa di perjelas dikit gan..??

itu loh mas, format post masgusmarket, copas scriptnya taroh dimana, trs ada kata"Silahkan gantis text yang di cetak tebal warna hitam dengan alamar URL gambar produk anda" apa maksudnya gambar qt di upload dulu gitu mas, lalu kt copy URL nya?...

Copas taruh di Posting baru bagian HTML bukan Compose...Setelah itu upload gambar langsung atau ganti urlnya aja juga bisa gan...

This comment has been removed by the author.

izin sedot dan acak acak boss

ijin tanya mas gus, kalau cara edit widget yang sebelah kiri diatas keranjang gmn ya?

Tinggal cari aja html gan URL banner nya...Pilih Template > Edit HTML > Cari URL banner yang mau di ganti atau di hapus...

sudah pernah coba invoice dkirim ke email yahoo bos?
setau saya klo toko online blogpost gak bisa kirim invoice ke email yahoo.
tlg konfirmasinya ya, ane minat nih sama toko.

Setau saya email apa aja bisa masuk invoice gan...mau gmail atau yahoo....gak ada salahnya di coba dulu gan....

gan nais inpo ;) izin sedot n pakai ya gan..

Cucoook bingit templatnya ms gus,...sklyn mau tanya nh, pd saat klik cek out ko yg muncul tulisan "laman yg anda cari tidak ada" gmn nh mas..satu lagi untu cara edit profil agr pindah di kolom jasa pengrmn gmn mas gus? Atau tambah widget di kolom jasa pngrmn, mhn tutornya mas.

maaf gan saya coba posting produk tapi kok susunan tamlete berubah ya? apa yang salah?

Itu berarti struktur posting nya yang salah gan....silahkan lihat ulang tutorial di atas gan....

ok Silahkan gan....thanks for visit..

mas gus makasih template gratisanny yaa...sangat membantu..oya klo mau buat web online store yang domainnya .co.id bisa ga mas gus...

Bisa aja gan...silahkan di custom aja ke domain yang agan mau....

Sblmnya sy ucapkan bnyk trmksh sm mas gus, sy sdh pake template ini, msh lg utak atik, tp knp templatnya berubah semua ya mas,tlng pencetahanya donk..
Ini alamtnya http://griya-batik-cirebon.bligspot.com
Mhn di bls ya mas, maulanasayiman@gmail.com

Untuk masalah di posting silahkan perhatikan format post yang di pakai...Itu agan lewat dari format post yang saya kasi di atas...Silahkan di koreksi gan...

simpleCart.checkoutTo = Email sudah sama mas tapi kok msh juga larinya ke https://www.paypal.com/

ok gan...solusi terbaik adalah upload ulang template yang sudah d download...maaf kalau free template gak bisa kasi support lebih ya gan...hanya sekedar mengarahkan aja....tq

makasih banyak sblmnya sy ucapkan buat mas Gus, tp omong2 sy mau tanya lg nh mas..ketika di klik tombol beli produk ini..itu langsung masuk ke keranjang, g masuk ke form transaksi dulu, tlng pencerahanya mas, apa yg salah nih,,,

oh iya satu lagi mas Gus, cara tambah kolom di pengiriman gimana mas, biar bisa di tambah widget gitu, maaf kalo boleh...

Sblmnya mhn maaf gan, sy ad sdkt mslh nh gan tlng bs bnatu pncrhanya gan...ketika di klik tombol BElI PRODUK INI knp lngsng masyk ke Keranjnag ya gan, g ke isian form dulu,pdhl sy sdh set sesuai panduan di atas, mhn pncrhnya apa yg slh di template sy..

Kalau tombol BELI PRODUK ini itu memang bersumber dari kode item_add ... jadi secara otomatis dia akan nambah ke keranjang....Kalau mau masuk ke bagian post ya harus klik judul post/produk gan...makasi dan semoga bisa dimengerti....

mas... menu Chekout di keranjang belanja kog ga aktif?? mohon pencerahannya... :)

Saya cek di demo masih bisa mas Afreli...Mungkin itu masalah internal di code scriptnya...kalau memang susah silahkan download dan upload ulang templatenya....tq

Gan kenapa gbr produk yg dipilih tidak muncul di kerjang. Salah nya dimana ya??

Itu Karna struktur gambar pada saat posting gak pas gan....coba perhatikan URL pada gambar apa sudah sesuai dengan Format Post pada point no 1 yang saya jelaskan di atas..!!!

mas gmn caranya menganti email masgustemplate@gmail di email?

itu gak bisa...kecuali pakek personal hosting php baru bisa...soalnya intregasi php saya pakek akun masgustemplate@gmail.com...tapi gpp...itu gk ngaruh ke penjulan koq gan...

nanti misalkan pelangganya itu langsung balas email itu bagaimana mas?

email itu gk bisa di blz mas.....itu hanya sebagai perantara hosting php aja...

mas, ijin unduh sekalian otak atik...
oh ya, mau tanya
kalo ganti banner sebelah kanan header itu gmna ya mas???

wah gan, itu struktur unt post nya kok ada yg salah ya. saya taruh di post template. eh malah "Your HTML cannot be accepted: Tag is not closed: DIV". bantuin gan

bro link download nya update lah

izin download mas bro. terima kasih.

kok link downloadnya eror gan???

Halo mas gusti,
link download themenya gak aktif lagi...mohon updatenya ya...

thanks

kenapa udah gk bisa di dowload mas

Template yang simple dan proposional...mantab saya suka

terimakasih mas gus akhirnya saya punya toko online sendiri

sy tdk ngerti dgn bhs pemrogramannya

Tidak harus ngerti gan/sis...yang penting tekun mengikuti tutorial saya di atas...terima kasih....

Sudah di update mas...silahkan di download ulang mas..terima kasih...

kalo shopping chart di ganti sama halaman cara pemesanan bisa gak?
orang indo masih susah pake shoping chat katanya ribet..
mohon bantuanya

bisa..cuman harus setting beberapa button dan url link agar mau menuju ke halaman cara pembelian...

gan mau tanya cara menyimpan format phos itu simpan nya di mana yah ane newbie


EmoticonEmoticon