Template Toko Online Blog Gratis dengan Invoice Email

Template toko online blogspot gratis akan menjadi topik pembahasan kita kali ini.Mas gusti sudah menyiapkan desain template toko online untuk blogger yang lumayan elegant dan Fast Loading.Saya beri nama template ini IBS-STORE yang dilengkapi beberapa fitur canggih seperti email invoice dan navigasi menu responsive untuk mobile.Banyak blogger yang request template toko blogspot namun saya baru bisa merealisasikannya belakangan ini. Untuk lebih jelas silahkan lihat preview dan link download template ibs-store gratis untuk anda yang ingin membuka usaha toko baju atau Toko Online Market.

Live Demo     ||   Download Template

Referensi : Template TOKO ONLINE INDOSHOP

Ini merupakan template iseng karya mas gusti yang mengambil ide dari berbagai template blog baik yang SEO maupun yang profesional desain.Berikut beberapa fitur yang ada pada template ini dan mungkin sudah anda kenal sebelumnya.

1. Responsive navigasi menu.
2. Best Seller product gallery.
3. Invoice email pop-up ( By Maskolis )
4. Tabel posting
5. Related post Product.

Mungkin banyak dari anda yang menganggap template diatas sederhana atau memiliki banyak kekurangan,,, ya inilah karya saya.Jika anda berkenan memakainya yang silahkan, kalau nggak ya gak jadi masalah.Template ini juta gak bakalan bikin BBM turun kalau desainnya jelEk...Betul gak gan???....wkwkwkwk

...................................................................................................................................................................

Cara Setting Template IBS-STORE 

...................................................................................................................................................................

1. Setting navigasi menu

Saya disini menggunakan navigasi menu ciptaan mohamad mustafa ( mybloggertrick ). Jika anda ingin mengganti data dari menu navigasi,silahkan anda cari dan edit kode berikut ini :

<nav id='menu'>

<input type='checkbox'/>

<label>&#8801;<span>Id&#160;Blog&#160;Site</span></label>

<ul>

<li><a href='/'>Home</a></li>

<li><a href='http://idblogsite.com'>About</a></li>

<li><a href='http://idblogsite.com'>How To Buy</a></li>

<li><a href='#'>Product 1 <font size='1'>&#9660;</font></a>

<ul class='menus'>

<li><a href='#'>Product Name</a></li>

<li><a href='#'>Product Name</a></li>

<li><a href='#'>Product Name</a></li>

<li><a href='#'>Product Name</a></li>

<li><a href='#'>Product Name</a></li>

<li><a href='#'>Product Name</a></li>

</ul>

</li>

<li><a href='#'>Product 2 <font size='1'>&#9660;</font></a>

<ul class='menus'>

<li><a href='#'>Product Name</a></li>

<li><a href='#'>Product Name</a></li>

<li><a href='#'>Product Name</a></li>

</ul>

</li>

<li><a href='http://idblogsite.com'>About Template</a></li>

</ul>

</nav>

Keterangan :

• Ubah tulisan yang berwarna merah sesuai dengan kebutuhan dan selera anda.
• Ganti kode warna biru dengan alamat URL tujuan anda.

2. Setting Keranjang Belanja template.

simpleCart.email = 'blog.gusput@gmail.com';

simpleCart.checkoutTo = Email;

simpleCart.currency = IDR;

simpleCart.urlWebsite = 'http://ibsstore.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://idblogsite.com/';

simpleCart.businessName = 'idblogsite-store';

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'];

Keterangan :

• Ganti kode yang berwarna biru dengan data anda dan toko blog anda.

3. Setting Posting Artikel.

Copas script posting di bawah ini dengan cara masuk ke Setting > Post and Comment > Kemudian klik edit pada Opsi Post > Pastekan kode berikut dan klik Simpan.Hal ini bertujuan agar setiap postingan blog anda memiliki style yang sama dan tidak berantakan.

<table border="1" style="width: 660px;">
<tbody>
<tr>
  <th class="item_thumb" id="thumb" width="45%">Gambar Produk Anda</th>
  <td><input class="item_add" type="button" value="Add to Cart" /></td>
</tr>
<tr>
  <th><b>Kode Barang</b></th>
  <td class="item_name">Kode produk taruh disini!</td>
</tr>
<tr>
  <th><b>Harga</b></th>
  <td class="item_price">Rp 22,000.00</td>
 </tr>
<tr>
  <th><b>Keterangan</b></th>
  <td class="item_Description">Fitur produk!</td>
 </tr>
<tr>
  <th><b>Stok Barang</b></th>
  <td>Stok barang anda!</td>
</tr>
<tr>
  <th><b>Gambar Tambahan</b></th>
  <td>Gambar Tambahan Produk</td>
</tr>
</tbody>
</table>

Keterangan :

• Ganti kode yang berwarna biru sesuai dengan data produk yang akan anda jual.

4. Pengaturan halaman.

Silahkan anda membuat halaman terima kasih agar pada saat formulir pop-up selesai di isi oleh pembeli bisa di redirect ke halaman terima kasih. Caranya :

• Pilih opsi page ( halaman ) 
• klik Laman Baru > pilih Laman kosong.
• Untuk judul silahkan isi dengan Terima Kasih.
• Nah untuk kata-katanya sendiri bisa anda isi sesuai keinginan.

Nah itulah cara setting template toko online untuk anda yang memang tertarik memakai template karya saya ini.Sekian template toko online blospot gratis 2013 dan semoga template di atas berguna untuk anda.