BLOGGER PROFESIONAL - CARA MEMBUAT TOKO ONLINE MENGGUNAKAN BLOGSPOT

REGISTER untuk bergabung di komunitas online kami, dan raih kesuksesan anda di dunia maya dengan bimbingan dan arahan kami.

Dengan meningkatnya teknologi dan makin luasnya jaringan internet peluang berjualan melalui online sungguh menjanjikan. Bagaimanakah carany membuat toko online dengan blogspot? Pertama anda harus mempunyai account blogspot terlebih dahulu atau membuta blog terlebih dahulu. Bagaimanakah caranya membuat Blog? silahkan Klik Cara GampangMambuat Blog 
Setelah bisa membuat Blog ikuti langkah-langkah dibawa ini untuk membuat toko online :

Langkah 1 : Pertama buat new blog atau buat blog baru. Alamat blog biasanya sering muncul alamat tidak tersedia. Tetapi tetap coba terus dengan nama-nama lain. Kadang ketik satu huruf saja sudah keluar alamat tidak tersedia. Teruskan saja ketik.

Langkah 2 : masuk di template 

 Masukan template yang sudah tersedia (Shopping-Cart.xml , shoes online store.xml, simplex-eshop.xml, template-babyshop-zoomtemplate.xml )

Untuk pilihan template silahkan klik : pilihan template toko online

Langkah 3 : Membuat Chart toko online. Masuk di Setting/Setelan, klik post and comment/komentar. untuk kotak tampilakn sebanyak mungkin bisa diisi 15. lalu template entri : add/tambah diklik dan copy file yg saya cantumkan ini di kotaknya. Copy dibawah ini :

<table border="1" style="width: 660px;">

<tbody>

<tr>

<th class="item_thumb" id="thumb" width="45%"><a href="#" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="#" src="#" style="cursor: hand; cursor: pointer; display: block; height: 164px; margin: 0px auto 10px; text-align: center; width: 148px;" /></a></th>

<td><input class="item_add" type="button" value="Beli " /></td>

</tr>

<tr>

<th><b>Nama Barang</b></th>

<td class="item_name">Tuliskan nama produk di sini</td>

</tr>

<tr>

<th><b>Harga</b></th>

<td class="item_price">Tulis harga produk di sini</td>

</tr>

<tr>

<th><b>Deskripsi produk</b></th>

<td class="item_Description">Silakan tuliskan deskripsi produk Anda di sini.</td>

</tr>

<tr>

<th><b>Ketersediaan Barang</b></th>

<td>Tuliskan ketersediaan barang di sini</td>

</tr>

<tr>

<th><b>Gambar Tambahan</b></th>

<td>Tambahkan gambar tambahan untuk produk ini di sini.</td>

</tr>

</tbody>

</table>

lalu save/simpan setelan. nah di new post sdh akan terlihat seperti toko online tinggal memasukan foto,harga,dll

Untuk foto Produk buat yang paling kecil sehingga tidak terlalu besar. Klik di fotonya dan pilih small size. Setelah selesai maka post akan terlihat seperti ini :

Toko online anda sudah setengah jadi sekarang mari kita lanjutkan dengan 
Mengatur Script template toko online blogspot agar checkout membuka halaman pemesanan Secara default script template toko online blogspot dalam template tersebut pengaturan script tombol checkout disaat anda klik masih mengarah ke situs paypal atau eror. bagaimana agar tombol checkout diarahkan ke halaman pemesana atau order, maka terlebih dahulu dilakukan perubahan script template toko online. Anda perlu mengganti url checkout dengan url halaman yang diinginkan. Untuk lebih detailnya silahkan ikuti panduan di bawah ini.

Sebelum harus membuat terlebih dahulu form pemesanan dengan google doc 
Langkah Memmbuat Formulir Online dengan Google Docs
#1 Buka website Google Docs
#2 Login menggunakan Akun Google
#3 Klik tombol Create lalu pilih Form

#4. Masukkan hal-hal yang ingin ditampilkan dalam form
#5. Setelah selesai klik tombol Save di kanan atas.
#6. Selesai. Link di bawah form adalah alamat formulir online yang dapat dipergunakan di blog toko online yang ingin diberi formulir pembelian

#5 Klik Save

Kalau selesai masuk ke blog anda. Login ke blogger, Di Vertikal Menu pilih Template Di bagian Thumbnail Template klik tombol Edit HTML

2. Selanjutnya muncul halaman script template editor seperti di bawah ini

Perhatikan script template toko online, tampilan awalnya seperti di bawah ini

<!-- Shopping Cart Starts -->
<div id='add-to-cart-widget'>
<h2>Shopping Cart</h2>
<div class='simpleCart_items'/> 
<div id='cartTotal'>
Total: Rp. <b><span class='simpleCart_total'/></b>
</div>
<div class='cartbuttons'>
<a class='simpleCart_empty' href='javascript:;'>Empty Cart</a>
<a class='simpleCart_checkout' href='javascript:;'>Checkout</a>
</div>
</div>
<!-- Shopping Cart Ends -->

Ganti bagian script 
<a class='simpleCart_checkout' href='javascript:;'>Checkout</a>

Masukkan url halaman yang akan dihubungkan dengan toombol checkout, misalnya url yang digunakan  http://pjshopok.blogspot.com/p/formulir-pemesanan.html maka perubahannya seperti di bawah ini

<a class='simpleCart_checkout' href='http://pjshopok.blogspot.com/p/formulir-pemesanan.html>Checkout</a>


Hasil Edit Script Shoping cart  menjadi seperti di bawah ini: 

<!-- Shopping Cart Starts -->
<div id='add-to-cart-widget'>
<h2>Shopping Cart</h2>
<div class='simpleCart_items'/> 
<div id='cartTotal'>
Total: Rp. <b><span class='simpleCart_total'/></b>
</div>
<div class='cartbuttons'>
<a class='simpleCart_empty' href='javascript:;'>Empty Cart</a>
<a class='simpleCart_checkout' href='http://pjshopok.blogspot.com/p/formulir-pemesanan.html'>Checkout</a>
</div>
</div>
<!-- Shopping Cart Ends -->

Setelah selesai melakukan Edit script tempate. Klik Tombol Simpan Template 

maka bila diklik form pembelian atau pemesanan akan muncul 

UNTUK LEBIH JELASNYA SILAHKAN MENDOWNLOAD VIDEONYA, DOWNLOAD