Featured

Tutorial Buat Toko Online di Blogger


Bismillahirrohmanirrohim.

Sudah tahu apa itu toko online?. Kalau belum, baiklah saya akan menjelaskan sedikit apa itu toko online.

Toko online adalah, tempat jual beli produk lewat dunia maya atau internet. Kegunaannya banyak, salah satu diantaranya adalah orang bisa melihat secara garis besar semua produk-produk yang kita miliki.

Toko online ada dua jenis.
1. Toko online yang dibuat di dalam marketplace. Toko ini kita kelola bersama founder marketplace tersebut. Walaupun bisa leluasa mengelola isi tokonya, namun saat transaksi, kita harus melewati perantara si pemilik marketplace. Dengan kata lain, bagi hasil.

2. Toko online yang dikelola sendiri. Nah ini, anda bisa mengelola toko sendiri dan website sendiri, tanpa harus ada campur tangan pihak lain. Anda bisa mendapat keuntungan 100 persen. Namun untuk membuat toko online ini tidaklah murah, butuh uang jutaan rupiah untuk membelinya.

Tenang..jangan panik. Anda bisa membuat toko online lewat blog gratisan kok. Bedanya, dibelakang nama toko anda ada tulisan blogspotnya. Jika anda mahir coding, bisa mengubahnya dengan domain sendiri.

Baiklah agar tidak berlama-lama. Saya akan menjabarkan step by step cara membuat toko online dari blogspot.

Sudah siap!?
Pertama anda harus memiliki akun google dahulu. Cara membuat akun google sangat mudah. Anda bisa browsing di google bagaimana caranya.

Setelah akun google dibuat. Buatlah akun blogger anda.
Langkah-langkahnya:

1. Buka www.blogger.com
Akan tampil layar seperti dibawah ini





2. Masukkan username dan password google anda. Jika sukses akan terlihat gambar seperti dibawah ini.



3. Silahkan masukkan judul blog anda, alamat web dan pilih sembarang tema saja. Setelah itu klik buat blog di bagian bawah. 
4. Jika berhasil, maka tampilannya akan terlihat seperti gambar di bawah ini.


5. Klik tema pada sebelah kiri bagian bawah. Lalu klik edit html


6. Setelah diklik, layar akan berubah seperti gambar dibawah ini.




Block semua coding yang berada di dalam edit html dan hapus atau delete. Download coding toko online di  Sini. Copy semua coding dan paste kan di dalam kolom tema.

7. Jika ingin mengubah menu dan sub menu. Silahkan klik ctrl+F di dalam kolom edit html, lalu ketik baju 4 Dimensi atau home. Ubahlah semua isi sub menu sesuai dengam selera toko anda,. Jangan lupa di save ya. Silahkan lihat toko online dan blog anda.



Catatan: Warna Pink: Link situs produk anda

Warna Hijau: Kategori Produk atau nama menu



8. Untuk chart order terima kasih. Buatlah laman tersendiri. Setelah itu buatlah kreasi sesuai selera. Contohnya seperti ini:



Terima kasih Sudah Membeli Produk Kami.

Silahkan transfer total pembelian anda ke nomor rekening Permata: 4001480xxx atas nama bla bla bla
Bank Muamalat: 2210008xxx an Zul Indra atau Bank Mandiri: 108 00 12495xxx

Jika sudah ditransfer, mohon konfirmasi  ke nomor HP /Whatshapp: 085272383xxx atau
08129521xxx
Setelah itu, silahkan isi format di bawah  ini: Produk yang Dibeli:
Jumlah: Nama: Alamat: Kode Pos:
Nomor HP atau Telpon:
kirim ke Whatshapp: 0852723xxx 

Caranya:  pilih email anda, Yahoo atau Gmail. Lalu Kirim
Cara Pembelian lainnya: lewat Whatshapp 082169645xxx


  9. Balik lagi ke tema-edit html dan kembali klik ctrl+F di dalam edit html. Cari link berikut di dalam kolom:  


Lalu ubahlah link tersebut dengan link laman terima kasih milik anda.

10. Buat kolom: klik setelan-pos komentar- tambahkan template entri.
  
Silahkan masukkan coding dibawah ini dan simpan.

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

<tbody>

<tr>

<th class="item_thumb" id="thumb" width="45%">Pasang Gambar Produk Anda DISINI</th>

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

</tr>

<tr>

</tr>

<tr>

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

<td class="item_price">Rp 35,000</td>

</tr>

<tr>

<th><b>Keterangan</b></th>

<td class="item_Description">Fitur produk!</td>

</tr>

<tr>

<th><b>Stok Barang</b></th>

<td>Tersedia</td>

</tr>

<tr>

</tr>

</tbody>

</table>





11. Ubah banner: klik tata letak--header--pilih foto. Ambil foto di galeri anda dengan ukuran 970x120 pixel. Lalu simpan di blog.



12. Pada tahap ini, anda sebenarnya sudah selesai mendesain blog. Tinggal anda memasukkan produk dengan klik pos yang ada di sebelah kiri atas dan isilah produk sesuai dengan aturan yang ada di tabel tersebut. Publikasikan.

Anda bisa menghilangkan blogspot dengan domain sendiri. Namun saya tidak akan menjabarkannya di sini. Silahkan berinteraksi dengan saya ke
Link Facebook Di sini


Semoga bermanfaat.

Ttd

Zul Indra



close