Gratis Premium Blogger Template Toko Online dengan Shopping Cart

1/18/2013

Gratis Premium Blogger Template Toko Online dengan Shopping Cart - Ada lagi template hasil modifikasi dari Template Designer Cart yang ingin saya bagikan secara gratis kepada Anda. Template ini sudah bisa melakukan checkout via email secara otomatis dengan memberikan invoice langsung kealamat email pembeli. Dan pada email Anda pun akan ada notifikasi pembelian (PO/Purchase Order) dari Customer yang membeli produk Anda, juga secara otomatis.

Untuk lebih jelasnya silakan cek sendiri Live Demonya di bawah ini, dan jika anda berminat, silakan mendownloadnya langsung.

UPDATE

Karena sudah tidak berfungsinya shoppingcart dari 'maskolis' ini, posting template toko online GRATISS!! terbaru berikut ini bisa menjadi alternatif pilihan template toko online lainnya, dilengkapi dengan fitur terbaru yang lebih lengkap, dan lebih SEO Friendly karena sudah full responsive:


homepage template kanggo blonjo
Nama Template Template Kanggo Blonjo
Demo Template
Fitur
  • Premium Blogger Template
  • Slider in Homepage
  • Grid Style
  • Shopping Cart w/ Rp Currency (IDR)
  • Auto checkout w/ email invoice
  • Share button
  • Disqus Comment
  • Brown and White Background
Males atau Bingung cara settingnya...? 
Pake JASA TOKO ONLINE 
 dari Tukang Toko Online Saja...
Post page template kanggo blonjo

Panduan Setting Template

Cara kerja dari template ini adalah, segera setelah pembeli melakukan checkout dari shoppingcart (keranjang belanja), kemudian akan muncul popup form seperti ini:
form data pembeli
form data pembeli
Ketika pengunjung mengklik OK, akan diteruskan denagn form isian selanjutnya, mulai dari nama, email, alamat dan no telpon.
Jika sudah terisi semua, pembeli akan diarahkan ke halaman terima kasih seperti ini :
Halaman terima kasih

Selanjutnya, secara otomatis, email anda akan menerima PO (Purchase Order) pemberitahuan seperti ini :
notifikasi order email
notifikasi order di email anda
Sedangkan dari pihak pengunjung akan mendapatkan kiriman email invoice dengan format seperti berikut ini:
Invoice pembelian di email pembeli
Invoice pembelian di email pembeli
Terakhir yang anda lakukan adalah melakukan finalisasi setelah anda menerima data lengkap dari notifikasi pembeli melalui email di toko online anda tersebut.
Sederhana dan cukup efisien bukan.

Mengganti Meta Tag
Masuk ke Tab Template  >> Edit HTML >> Cari kode script berikut (ada di bagian atas) :
<title><data:blog.pageName/> | contoh template dari tukang toko online</title>
<b:else/>
<title><data:blog.pageTitle/> | contoh template dari tukang toko online</title>
Ganti tulisan berwarna merah dengan Judul Blog Anda.

Masih di opsi Edit HTML, cari kode script berikut Di bawah Kode script di atas):
<meta content='your description here' name='description'/>
<meta content='keyowrd1, keyowrd1, etc..' name='keywords'/>
Ganti tulisan your description here dengan deskripsi Toko Online Anda
Ganti tulisan keyowrd1, keyowrd1, etc.. dengan kata kunci toko online Anda

Merubah Logo di bagian header
1. Masuk ke Template >> EDIT HTML >> Centang Expand Widget Template >> cari kode beirkut ini :
<img src='http://3.bp.blogspot.com/-jZLJ_DkcQoU/T7xx2b4PgHI/AAAAAAAAASw/HaqPeOXzyXc/s1600/logo%2Btoko%2Bonline.png'/>
2. Selanjutnya ganti alamat URL gambar logo yang berwarna merah di atas dengan alamat logo gambar toko anda sendiri (Anda bisa menyimpan Gambar secara gratis di picasaweb.com atau photobucket.com).

3. Lalu klik Pratinjau, jika sudah benar, Simpan template

Setting Menu Navigasi

1. Menuju ke opsi Tata Letak/Layout >> Cari Widget berjudul Daftar Link >> Klik Edit >> 
Setting Widget Daftar Link

2. Tambahkan Link yang ingin Anda Tampilkan di menu navigasi header toko Anda >> Save Widget


3. Mengaktifkan Slide Show

1. Klik edit pada widget dengan judul feature content slider di bawah widget navigasi (langkah 2).

Setting Widget Slider

2. Ketikkan label yang ingin anda tampilkan pada slide anda (perhatikan penulisan huruf besar dan huruf kecil pada label)
Setting widget slider

3. Save widget dan lihat hasilnya.

Setting Widget Popular Post (Most View Product)

1. Klik edit pada widget popular,
2. Ikuti setingnya seperti di bawah ini :


setting widget popular post

Mengedit data toko online Anda

Masuk ke menu template>>edit HTML, cari script berikut ini :

simpleCart.email = 'bisnis.aira@gmail.com';
simpleCart.checkoutTo = Email;
simpleCart.currency = IDR;
simpleCart.urlWebsite = 'http://templatembledhos.blogspot.com';
simpleCart.alamatPemilik = 'Alamat Anda ';
simpleCart.noHP = '081 xxxx xxxx';
simpleCart.urlFacebook = 'http://www.facebook.com/pages/your facebook';
simpleCart.urlTwitter = 'https://twitter.com/your twitter';
simpleCart.akunbank1 = 'Bank A';
simpleCart.norek1 = 'No Rekening Bank A';
simpleCart.namarek1 = 'Nama Pemilik Rekening Bank A';
simpleCart.akunbank2 = 'Bank B';
simpleCart.norek2 = 'No Rekening Bank B';
simpleCart.namarek2 = 'Nama Pemilik Rekening Bank B';
simpleCart.akunbank3 = 'Bank C';
simpleCart.norek3 = 'No Rekening Bank C';
simpleCart.namarek3 = 'Nama Pemilik Rekening Bank C';
simpleCart.akunbank4 = 'Bank D';
simpleCart.norek4 = 'No Rekening Bank D';
simpleCart.namarek4 = 'Nama Pemilik Rekening Bank D';
simpleCart.akunbank5 = 'Bank E';
simpleCart.norek5 = 'No Rekening Bank E';
simpleCart.namarek5 = 'Nama Pemilik Rekening Bank D';
simpleCart.akunbank6 = 'Bank F';
simpleCart.norek6 = 'No Rekening Bank F';
simpleCart.namarek6 = 'Nama Pemilik Rekening Bank D';
simpleCart.urlReferrer = 'http://templatembledhos.blogspot.com';
simpleCart.businessName = 'contoh toko online';
simpleCart.formatsmsKonfirmasi= '(Nama, Email, Jumlah transfer, Bank Tujuan Transfer, Tanggal transfer)';
simpleCart.contohformatsmsKonfirmasi= 'namalengkap, emailanda@gmail.com, Rp 1.500.000, BCA, 12 Desember 2012 ';
simpleCart.catatanTambahanInvoice= '(Untuk proses lebih cepat, silakan konfirmasi via SMS)';
simpleCart.cartHeaders = ['name','thumb_image','Quantity_input','increment', 'decrement','Total'];
Tulisan warna biru di atas adalah yang harus anda ganti dan sesuaikan dengan data anda.

Memasang Entry Post Template

Copy kode script di bawah ini dan letakkan pada bagian menu Setting >> Posts anda Comments >> menuju ke opsi Post (klik edit) pada blog anda

Ganti dengan Gambar Produk Anda
<div class="datapost">
<ul> <li class="name"> Nama Produk : Test Produk 6 </li>
<li class="categ">Deskripsi : Isi dengan deskripsi produk </li>
<li class="posttag"> Produk variasi : Red textured and blue textured </li> </ul> </div>
<span class="item_price">Rp 19,999</span>
Membuat halaman Terima Kasih  

1. Langkah terakhir adalah membuat halmaan terimakasih
2. Buka menu laman/page, buat halaman baru dengan Judul Terima Kasih
3. Kemudian pada mode HTML paste script berikut ke dalamnya:

<div dir="ltr" style="text-align: left;" trbidi="on"> <b>Terima Kasih atas order Anda di Toko Online kami. E-mail Anda akan menerima Invoice pemesanan dari Kami sesuai dengan pesanan yang sudah anda lakukan sebelumnya. Anda bisa memeriksa e-mail invoice dari toko kami lalu ikuti prosedur order secara detail, berupa cara pembayaran, pengiriman dan beberapa infromasi lainnya. Anda juga bisa mengontak kami dengan langsung membalas e-mail tersebut atau melalui info kontak lainnya yang tertera pada e-mail Kami.<br /> <br /> Total order yang Anda terima melalui invoice email diluar biaya ekspedisi/kirim. Biaya kirim bisa anda cek dari<b> <a href="http://www.jne.co.id/" target="_blank">SINI</a>. </b><br /> <br /> Kami secepatnya akan memberikan konfirmasi melalui SMS ke no telpon Anda<br /> Terima kasih, atas kepercayaan dan kesediaan Anda berbelanja di Toko Online Kami dan Kami tunggu kedatangan Anda kembali.</div>
4. Anda bisa mengedit beberapa kalimat di atas sesuai  dengan keinginan anda. lalu publish page tersebut.
Pastikan bahwa alamat URL halaman terima kasih ini adalah :
http://namatokoanda.blogspot.com/p/terima-kasih.html
UPDATE:

Untuk mengganti ukuran gambar pada posting agar gambar tidak stretch dan bisa tampil otomatis sesuai dengan di entry post, cari kode berikut :
.entry img {
       padding:15px;
background:#fff;
       border:1px solid #efefef;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
       width:560px;
       margin: 0 10px 10px 0;);
}
Ganti script warna merah dengan :
width:auto; height:auto; 
Preview template dulu lalu Save

Atau Download Lagi Template yang sudah saya update dari link download di atas!!

Menghilangkan Link dari Komentar Disqus
Register blog anda ke disqus.com, simpan shortname anda (biasanya dipakai sebagai shortname.disqus.com) (googling cara daftarnya di google, sudah banyak diulas).
Cari script berikut di HTML Template kanggo blonjo:
var disqus_shortname = 'templatekanggoblonjo';
Ganti templatekanggoblonjo dengan shortname disqus yang anda dapatkan tadi. Lalu Simpan.

Selanjutnya link yang muncul adalah dari blog anda, jika ada komentar.

Selesai

Karena adanya  permintaan dari pengunjung di Malaysia untuk currency RM (Ringgit Malaysia) dari Template ini, berikut ini Link Download untuk Template yg sudah saya edit dengan currency RM

Semoga bermanfaat

All posts here about online store, tips, tricks, SEO, Store Service, store builder with Blogspot, Wordpress or Opencart.
Contact me if You need help or more question about service. Enjoy reading.....

Artikel Terkait

Previous
Next Post »

54 komentar

Write komentar
19 Januari 2013 13.16 delete

wah terima kasih banyak mas

Reply
avatar
store-22
AUTHOR
21 Januari 2013 19.31 delete

bagus broooo dahh

Reply
avatar
Anonim
AUTHOR
8 Februari 2013 08.18 delete

mantap mas, matur suwun ya

Reply
avatar
burhan arifin
AUTHOR
11 Februari 2013 16.32 delete

Mantap mas. Tapi bisa gak tombol harga dan keranjang belanjanya dipindah tepat dibawah gambar produk?

Reply
avatar
12 Februari 2013 16.45 delete

@burhan arifin: bisa aja Gan, dioprek aja tuh kode CSSnya.. :D

Reply
avatar
iqbal
AUTHOR
14 Februari 2013 14.45 delete

tombol add to cart nya ga muncul gan,,solusinya gimana ya?

Reply
avatar
Anonim
AUTHOR
15 Februari 2013 10.12 delete

Mohon ijin sedot gan....

Reply
avatar
16 Februari 2013 08.11 delete

@Iqbal: mungkin anda belum melakukan Memasang Entry Post Template, atau ada kesalahan. COba ikuti lagi panduan setting templatenya..

Reply
avatar
iqbal
AUTHOR
18 Februari 2013 11.31 delete

udah kok mas, tolong cek-in dong:
goo.gl/A2bno :)

Reply
avatar
ukhty nahya
AUTHOR
3 Maret 2013 07.50 delete

kok udah saya ganti tapi tetep gak sesuai live demonya sih...
mohon bantuanya gan ?

Reply
avatar
Shop at Woola
AUTHOR
8 Maret 2013 16.19 delete

halo gan, terimakasih ya templatenya sangat membantu. mau nanya, kalo mau ngedit kalimat-kalimat di invoice yang dikirim pembeli gmn ya

Reply
avatar
Akira Degawa
AUTHOR
16 Maret 2013 21.40 delete

mas saya mau buat ini, tapi agak masih kurang mengerti :D
mungkin bisa dijasakan dengan biaya?
kalau bisa minta sesuatu buat saya contact :D

Reply
avatar
vielogy
AUTHOR
16 Maret 2013 21.55 delete

thank banget, this is what i need, izin sedot ya :-D

Reply
avatar
Fahmi
AUTHOR
18 Maret 2013 10.12 delete

Mkash banget buat bang admin, ini lg aku cobain templatenya tp aku mau tanya nih untuk bagian memasang entry post template aku masih blm tahu caranya biar sampe gbr nya muncul, please pencerahannya. Matur nuwun

Reply
avatar
UD. AMRI
AUTHOR
19 Maret 2013 15.05 delete

Trims banget bro.. mantapp :)

Reply
avatar
ulfa rahmah
AUTHOR
30 Maret 2013 20.05 delete

maaf gan klo feature content slider saya kok gak muncul ya??saya sudah tulis label atau All Product tetep gak keluar??
apa masih perlu ada kode html lagi,,

Reply
avatar
Eko
AUTHOR
4 April 2013 11.09 delete

gan, untuk postnya kok imagenya stretch y? kira2 bisa diubah g y? biar tetep proporsional..

thanks.

Reply
avatar
5 April 2013 19.06 delete

Thanks infonya bermanfaat sekali,...

Reply
avatar
Suhardi Bae
AUTHOR
6 April 2013 22.59 delete

Makasih gan Template nya, izin sedot, berhasil dites di http://raturafa.co.vu

Reply
avatar
tri wahyu
AUTHOR
10 April 2013 11.41 delete

tenkyu mastter!!!

izin sedot niiii!!!

Reply
avatar
12 April 2013 07.18 delete

bagus gan,, ada yang slide tapi yang besar??

Reply
avatar
12 April 2013 07.21 delete

yang slide untukbagian bawah ada gak gan??ni alamat web kami http://www.tourkarimunjawaisland.com/

Reply
avatar
17 April 2013 12.14 delete

Thanks Template nya gan, tapi slidenya ga mau gan, apa ada yang perlu di edit di html nya gan? thanks

Reply
avatar
24 April 2013 11.00 delete

pengan taunya gan ??? akhi2 ini kenapa yah setiap mau ganti template ngga bisa ??makasih

Reply
avatar
24 April 2013 11.49 delete

Memasang Entry Post Template maksud ya gimana gan yang ""Ganti dengan Gambar Produk Anda"" ini link gambar atau gimana ??? makasih

Reply
avatar
6 Mei 2013 11.19 delete

MAsuk....boleh boleh boleh.....terima kasih

Reply
avatar
6 Mei 2013 11.20 delete

Test gan...terima kasih...atas sharing templatenya....

kode rahasia handphone

Reply
avatar
miau imut
AUTHOR
10 Mei 2013 21.56 delete

mas halaman terima kasihnya susah buat url yang sama, seperti di atas ada tanda / tidak valid katanya, ada sugestion bikin url halaman terima kasihnya

Reply
avatar
Rizky
AUTHOR
13 Mei 2013 11.15 delete

ganti ukuran gambar gimana gan, biar gk kegedean :D

Reply
avatar
17 Mei 2013 19.03 delete

bagus templatenya, dulu saya pernah buat toko online tapi ga bisa edit rupiahnya. akhirnya saya bisa mendapat jawabannya

Reply
avatar
izha faiq
AUTHOR
23 Mei 2013 00.43 delete

Thanks berat masbrow....
Salam Kenal yaaa...

semoga makin jaya

Reply
avatar
izha faiq
AUTHOR
23 Mei 2013 02.34 delete

mau nanya juga bozzz...
kolom/posting terima kasih setelah order kok gk muncul ya bos...

Reply
avatar
23 Mei 2013 09.02 delete

makasih gan artikeln nya

Reply
avatar
23 Mei 2013 09.57 delete

mantap store templatenya, berbulan-bulan cari yang kaya gini baru ketemu.
matur suwun mas bro . . .

Reply
avatar
Anonim
AUTHOR
26 Mei 2013 10.22 delete

mas, pas notif nya masuk ke email, kok nama barang nya g ada ya ??
bingung ane
hehehe
trus slide nya juga g jalan
sebelum nya trima kasih gan
:D

Reply
avatar
Anonim
AUTHOR
4 Juni 2013 01.42 delete

mas muw tanya pas si pelanggan udh beres masukin email,nama,alamat sama no tlpn ,ko pas terimakasih nya ke contoh nya buakan yg di buat sama saya ..
mohon jawaban nya ..
three_on@rocketmail.com

Reply
avatar
Admin
AUTHOR
4 Juni 2013 15.58 delete

@izha faiq dan anonim: baca lagi panduannya di atas pelan2 ya..

Reply
avatar
adiwtalks
AUTHOR
14 Juni 2013 15.02 delete

It's Worked .. makasih banyak yah gan...

Reply
avatar
adiwtalks
AUTHOR
14 Juni 2013 15.26 delete

1 yang paling mengganggu past di bawah kolom komentar... selalu ada banyak artikel bermunculan yang sepertinya dari premiumblog aka disqus

Reply
avatar
baby bee
AUTHOR
13 Mei 2014 01.18 delete

gan, Skrip send.php-nya seperti apa?

Reply
avatar
Cilembu thea
AUTHOR
13 Juli 2014 01.42 delete

mohon ijin pake kang
haturnuhun terimaksih banget yah

Reply
avatar
16 Juli 2014 19.50 delete

mas kode java script buat ongkir sama logo bank di bawahnya gimana ituya? mohon info.. makasih

Reply
avatar
reval top
AUTHOR
7 Agustus 2014 14.33 delete Komentar ini telah dihapus oleh administrator blog.
avatar
aRes
AUTHOR
18 September 2014 17.02 delete

Halo mas helep miii.... pas nyoba seting check out pas terakhir masukin data diri uda selesai tu kenapa halaman terimakasihnya ga muncul?? dan muncul error 405 method not allowed tu kenapa yaa??? mohon bisa bantu ke email resa.kandhy@gmail.com kuraaang dikiiiit selesai ni mas kurang setting itu ja.....

Reply
avatar
22 September 2014 12.36 delete Komentar ini telah dihapus oleh administrator blog.
avatar
arnug
AUTHOR
22 September 2014 14.46 delete

sukses buat agan, udah saya coba hasilnya 99% good jos. kurang satu gan waktu saya coba jd pembeli udah saya isi email, nama, alamat, telp. tp PO dan INVOICE kok gak terkirim ya...??
klo ini terselesaikan jd 100% good buat template agan. Mohon petunjuknya gan.....

Reply
avatar
22 September 2014 23.47 delete

udah coba cek di folder SPAM..? :D

Reply
avatar
22 September 2014 23.50 delete

cek lagi panduannya, biasanya ada yang kelewat.. :D

Reply
avatar
arief nugroho
AUTHOR
26 September 2014 21.06 delete

udah tak cek gan, masih belum ada. Trus tak coba lagi nyamar jd pembeli masih belum juga INVOIVE tidak terkirim ke email pembeli dan PO tidak masuk ke email Blog. Trus tak coba pake live demonya juga gak bisa gan......

Reply
avatar
27 September 2014 00.15 delete

masalah ada di file sendjs.php punya maskolis, pemegang hakcipta script file tersebut. tempat hosting file tersebut diupload sepertinya sudah tidak diperpanjang, jadi akan tetap error sampai file tersebut dibenahin oleh yang empunya script Gan..
Silakan cari template yang lain yang shopping cartnya sudah bisa jalan Gan... :D

Reply
avatar
22 November 2014 18.37 delete

Sama nih gan. Kok ga bisa ganti custom URL ?
Kalo cuma di tulis "Terima-Kasih"
Malah jadi bbbb.blogspot.com/11/2014/terima-kasih.html

Kalo ditulis link url http:// malah not valid

Reply
avatar
22 November 2014 20.05 delete

http://anaknusantara.com/maskolis/sendjs.php = 404 Not Found @-)

Reply
avatar
Komentar baru tidak diizinkan.