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 online.
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.
- Responsive navigasi menu.
- Best Seller product gallery.
- Invoice email pop-up ( By Maskolis )
- Tabel posting
- 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>≡<span>Id Blog 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'>▼</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'>▼</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>
<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.
Cara Lengkap Membuat Toko Online dengan Blogger
Membuat toko online
dengan tujuan untuk berbisnis atau membuka ruang usaha memang menjadi
trend tersendiri di beberapa tahun belakangan ini.Meningkatnya pengguna
internet di indonesia membawa perubahan yang sangat bagus untuk
perkembangan bisnis online.Banyak dari mereka yang tidak berfikir
panjang untuk pindah area bisnis menjadi serba online.Dengan budget yang
murah dan untung yang menjanjikan.Itu akan membuat usaha anda semakin
berkembang ke seluruh penjuru dunia......Wahhh,,,mantappppp.
Mungkin anda bertanya-tanya 'apakah saya bisa dan mampu membuat toko online' dimana terdengar seperti susah dan rumit untuk di buat.TENANG....kali ini mas gusti akan memberikan sebuah tutorial gratis mengenai cara membuat toko online di blogspot secara jelas dan detail berikut dengan template yang siapa pakai dan tentunya juga GRATISSSSS...
Beberapa keuntungan yang bisa anda dapat jika membuat toko online via blogger diantaranya :
Mungkin anda bertanya-tanya 'apakah saya bisa dan mampu membuat toko online' dimana terdengar seperti susah dan rumit untuk di buat.TENANG....kali ini mas gusti akan memberikan sebuah tutorial gratis mengenai cara membuat toko online di blogspot secara jelas dan detail berikut dengan template yang siapa pakai dan tentunya juga GRATISSSSS...
Beberapa keuntungan yang bisa anda dapat jika membuat toko online via blogger diantaranya :
- Unlimited Host (Gratis hosting seumur hidup).
- Free Template ( Template profesional desain yang siap pakai )
- Fast Upload ( Upload cepat untuk gambar produk anda )
- Modal yang di butuhkan sangat terjangkau ( Murah ).
Dan adapula beberapa persiapan yang sangat di butuhkan yaitu :
- Email ( untuk mendaftar di blogger )
- Blog ( Blog gratis blogspot )
- Template toko online ( download gratis )
- Gambar Produk yang akan di jual.
Baiklah agar tidak panjang lebar cuman bikin pusing and nggak kelar-kelar.Langsung saja berikut tutorial nya.
1. Membuat Blog di blogger.
Membuat blog di blogger sangatlah mudah dan banyak blogger yang menyediakan tutorialnya secara gratis.Agan bisa searching di mbah google atau tanya ke temen.Nah untuk langkah selanjutnya anda harus mencari template yang pas untuk toko anda.
2. Pilih template toko online yang pas.
Nah untuk pemilihan templatnya sendiri bisa anda sesuaikan dengan produk apa yang akan anda jual dan di pasarkan.Dengan begitu anda akan lebih mudah memasukkan produk barang tanpa melakukan editing terhadap warna dan style template itu sendiri.Berikut mas gusti rekomendasikan beberapa template toko online untuk agan-agan semua secara gratis.
3. Lakukan instalasi Template.
Untuk instalasi template sendiri caranya cukup mudah.Berikut petunjuk singkatnya :
5. Membuat posting produk toko online.
Nah jika anda seorang blogger dan pernah menulis artikel di blog mungkin semua orang bisa melakukannya.Tidak sama halnya dengan mempublikasikan artikel untuk toko online yang memang harus rapi dan mempunya struktur sama antara gambar,button,diskripsi dengan postingan lainnya.Nah untuk itu anda bisa mengikuti petunjuk di bawah ini :
Peringatan :
Setiap template memiliki kode post yang berbeda-beda dan biasanya anda memperolehnya pada saat anda mengunduh template tersebut.
Cara Cepat dan Mudah Membuat Toko Online Blogger
1. Membuat Blog di blogger.
Membuat blog di blogger sangatlah mudah dan banyak blogger yang menyediakan tutorialnya secara gratis.Agan bisa searching di mbah google atau tanya ke temen.Nah untuk langkah selanjutnya anda harus mencari template yang pas untuk toko anda.
2. Pilih template toko online yang pas.
Nah untuk pemilihan templatnya sendiri bisa anda sesuaikan dengan produk apa yang akan anda jual dan di pasarkan.Dengan begitu anda akan lebih mudah memasukkan produk barang tanpa melakukan editing terhadap warna dan style template itu sendiri.Berikut mas gusti rekomendasikan beberapa template toko online untuk agan-agan semua secara gratis.
3. Lakukan instalasi Template.
Untuk instalasi template sendiri caranya cukup mudah.Berikut petunjuk singkatnya :
- Loggin ke blogger dengan akun blog anda.
- Exctract template yang anda download tadi dengan aplikasi Winrar/winzip.
- Klik opsi template pada blog yang akan di jadikan toko online.
- Kemudian klik Cadangkan/pulihkan > Upload template yang sudah anda download tadi dalam bentuk template.xml dengan meng-klik tombol pilih file.
- Setelah itu klik button Unggah.
- Tunggu sampai proses upload selesai.
4. Mengenal struktur dan Plugin pada template.
Setelah proses upload template selesai.Anda di tuntut untuk mengenal
cara kerja semua Pluggin atau widget yang tertanam pada template
tersebut seperti :
- Shopping cart ( Untuk menampung barang pembeli sebelum proses checkout )
- Media pembayaran yang di lakukan via bank dengan media invoice email.
- Feature post ( Postingan produk yang diharuskan rapi agar tampak lebih menarik )
Nah jika anda seorang blogger dan pernah menulis artikel di blog mungkin semua orang bisa melakukannya.Tidak sama halnya dengan mempublikasikan artikel untuk toko online yang memang harus rapi dan mempunya struktur sama antara gambar,button,diskripsi dengan postingan lainnya.Nah untuk itu anda bisa mengikuti petunjuk di bawah ini :
- Masuk ke menu Setelan sebelum membuat posting.
- Klik pos dan komentar > kemudian klik link Tambahkan pada opsi template entri.
- Setelah itu pastekan kode posting template pada kolom yang tersedia atau jika anda menggunakan template saya.Silahkan pastekan kode berikut ini :
<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>
Setiap template memiliki kode post yang berbeda-beda dan biasanya anda memperolehnya pada saat anda mengunduh template tersebut.
- Klik tombol Simpan Setelan pada pojok kanan atas.
- Sekarang coba buat entri baru dan masukkan data yang di butuhkan seperti Gambar,Harga,Fitur produk dan juga stok barang anda.
- Posting produk telah selesai di buat dan sekarang kita menuju ke tahap Blog Promotions.
6. Promosikan Toko Online.
Tahap yang ke enam hanya tambahan aja dari mas gusti.Promosi merupakan
tahap penting dan menjadi tombak kesuksesan dalam berbisnis online.Untuk
cara promosinya sendiri bisa melalui facebook,forum jual beli ( kaskus
FJB,toko bagus,dll ) atau jika anda punya modal lebih bisa pasang iklan
banner dan juga google adsense.
Gimana ? gampang bukan membuat toko online blog
? Ya sekian tutorial kali ini dan tongkrongin terus blog mas gusti yang
akan hadir dengan artikel toko online lainnya.Jika ada
pertanyaan,silahkan gunakan media komentar di bawah ini.
0 komentar:
Posting Komentar