Membuat toko online gratis menggunakan blogger #Bagian 1

Share ilmu walau setitik insyaallah bermanfaat. Ingin memiliki usaha sendiri tapi tidak memiliki tempat untuk berjualan, sewa tempat pun mahal, belum nantinya untuk membeli perlengakapn yang lain agar usaha dapat berjalan. Seperti barang-barang yang akan dijual, etalase dll.

Sangat merepotkan juga ternyata saat ingin berwira usaha itu ya?. belum lagi kalau misalkan memiliki modal minim mau nunggu sampai kapan lagi kita memulai wirausaha?. Mau tidak mau kita harus mencari alternatif lain, salah satunya toko online.

Ya toko online sebuah solusi yang tepat untuk para wirausahawan yang memiliki modal minim. Tapi bukankah membuat website toko online itu susah dan harus menguasai pemrograman web?. dan apabila menyewa seorang programer juga harus mengeluarkan biaya yang mahal?.

Ya memang, tapi kali ini saya ingin membagikan tutorial bagaimana membuat toko online menggunakan blogger. Sebuah blog gratisan yang disediakan google dan ternyata bisa disulap menjadi toko online. oke langsung aja cekidot ke tutornya.

Buat terlebih dahulu sebuah blog menggunakan blogger. jika belum tau caranya baca dulu ini cara membuat blog.
download template yang akan kita gunakan untuk membuat toko online Download template. jika sudah terdownload extract di komputer sobat.
selanjutnya masuk ke dasboard blog sobat dan klik menu templat yang ada di sebelah kiri.

pada menu selanjutnya klik pada cadangkan/pulihkan yang ada di kanan atas.

klik choose file dan cari file template yang tadi sobat download kemudian unggah.

template sudah terunggah tandanya toko online sobat sudah jadi dan selanjutnya tinggal mensetting agar berfungsi layaknya toko online.

Persiapan sebelum menggunakan template

Buat halaman cara pembelian produk di blog sobat
banner iklan jika ada

Cara posting produk

Buat posting baru
pastekan kode posting berikut pada mode HTML bukan ~~Compose~~

<div class="product_image">
<a class="cloud-zoom" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivVE14HriDvoY5axd20p7vNIn3aUVhBscqqEizPYFyff-JKk5qQVjuGpqs6dPLKIatWFLkaqWvzrz1z7PpctozGo5_2XS1axrOXqLFI1-soO0Hrex1gjxMuVfAuRAIFsJ8eK5e3qwKk04/s1600/nike.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivVE14HriDvoY5axd20p7vNIn3aUVhBscqqEizPYFyff-JKk5qQVjuGpqs6dPLKIatWFLkaqWvzrz1z7PpctozGo5_2XS1axrOXqLFI1-soO0Hrex1gjxMuVfAuRAIFsJ8eK5e3qwKk04/s1600/nike.jpg" /></a>
<span class="item_price">Rp 190.000</span></div>
<div class="product_describe">
Deskripsi Produk anda</div>

Ganti text yang di beri warna MERAH dengan data masing-masing produk seperti URL Gambar, Harga, dan Deskripsi Produk.
klik publikasikan

catatan:

alternatif lain untuk mengganti url gambar. setelah kode tersebut di pastekan, kembali ke mode compose klik gambar kemudian remove. upload gambar yang akan di gunakan. lalu kembali lagi ke mode HTML.