- Back to Home »
- MEMBUAT TOKO ONLINE , PANDUAN MEMBUAT TOKO ONLINE »
- Belajar membuat Toko Online dengan Blogger
Posted by : CABACA
Rabu, 24 September 2014
Wah, nih ada artikel dari mas panjaitan tentang membuat blog. Ini sangat membantu sekali bagi kalian yang ingin membuat toko online dengan menggunakan Blogger. Keunggulannya adalah Gratis. Namun, walau gratis, memang kelemahannya adalah tidak secanggih yang toko online yang professional. Tapi, boleh dicoba...
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.
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
klik Backup/store (cadangkan/pulihkan) setelah itu chose file (pilih file) dan upload (unggah).
Untuk pilihan template silahkan klik : pilihan template toko online
<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>
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
#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
<!-- 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
Selamat Mencoba.