Cara membuat toko online di blogger

Sering kali kita membuka blog atau web sebuah toko online, tapi tahukah anda bagaimana caranya membuat sebuah toko online. Sebenarnya cukup mudah tinggal kita tekin mengutak atik tamplet danHTML nya supaya tampilannya lebih baik. Toko online saat ini yang terkenal diantaranya Tokopidia, buka lapak, lazada, dan online-oline shope lainnya. Mari kita bersama-sama belajar membuat toko online sederhana di blog.
Dalam tutorial kali ini kita menyajikan 3 tahapan proses pembuatan toko online diantaramya: pertama adalah proses peng-install-an template blogger (blogspot), kedua adalah proses listing produk (menampilkan produk dan detilnya seperti harga dan lain-lain ke dalam toko online), dan ketiga adalah proses sistem pembayaran. Dari semua itu jika kita tekun pastinya akan menjadi sebuah toko online yang dapat kita gunakan da;am berdagang tanpa mengeluarkan banyak biaya. 
Sobat kita jalankan satu persatu langkahnya...

1. Meng-Install Template Toko Online Blogger

 Untuk mendapatkan template yang baik terkadang kita tidak sanggup membuat sendiri dan membutuhkan waktu lama, untuk itu anda bisa cari template gratisan toko online. Di tahap ini, saya asumsikan blog anda sudah jadi dan siap ubah menjadi toko online.
Langkah pertama anda dapat masuk ke  Dashboard Blogger anda, klik nama blog anda yang baru saja anda buat
cara membuat toko online di blogger klik nama blog picture
Setelah masuk di dashboard, kemudian anda bisa langsung cari tamplate yang terletak dibagian bawah menu dasboard dengan di tunjukkan dengan tanda kuas cat.
Kemudian anda klik untuk masuk ke bagian template.
cara membuat toko online di blogger template picture
Di sisi sebelah kanan atas anda akan mendapatkan  menu backup/restore, kemudian klik (Backup/Restore)
cara membuat toko online backup and restore picture
Sampai tahap ini, anda akan melakukan proses upload blogger template. Nah, tentu anda harus punya template toko online nya dulu donk, untuk itu silakan anda dapat download salah satu templet toko online dengan fitur yang cukup lengkap dan canggih untuk kategori toko online blogspot gratisan, berikut bisa anda lakukan langkah selanjutnya dengan mengeklik: Blogger Store v2
cara membuat toko online di blogger store v2 picture
Atau download di sini: Blogger Store v2 Mirror (server saya).
Setelah itu, ekstrak file ZIP yang baru saja anda download, cari file dengan ekstensi XML (bloggerstore-v2.xml). *Jangan lupa baca read more nya.
Kembali ke dashboard blogger anda, jendela seperti gambar di bawah akan terbuka setelah anda klik Backup/Restore.
cara membuat toko online dengan blogger instal theme picture
Klik Browse dan cari file bernama bloggerstore-v2.xml tersebut, klik Upload. Jika dalam proses upload anda benar dan tidak mengalami masalah di halam blog anda akan tampil atau sedah berganti dengan uang baru template toko online baru anda yang ciamik. Klik View Site di bagian atas untuk melihat blog (toko online) baru anda

2. Menambahkan Produk ke Toko Online Blogger Anda

Baik templet sudah terinstal dan anda dapat mersakan perbedaan tampilan blig anda, akan tetapi pastinya kurang lengakp jika belum ada postingan atau isi dari contoh produk yang sedang kita jual , untuk itu tambahkan produk dan daftar harganya. Sekarang waktunya untuk menambahkan produk di toko online Blogger baru anda.
Di tutorial kali ini dapat anda lihat cara mudah menambahkan produk di toko online ini. Klik saja tombol New Post di dashboard anda.
cara membuat toko online di blogger klik add post picture
Di halaman Post ini, ganti format penulisan ke HTML
Cara Membuat Toko Online di Blogger html picture
Kemudian tambahkan produk dalam template HTML yang sudah di sediakan.
Jika anda malas melihat file TEMPLATE POST.txt yang ada di file ZIP yang baru saja anda download, salin saja kode di bawah ini sebagai template HTML produk baru anda
<div class="item_image">
<img border="0" class="item_thumb" src="image.jpg" />
<span class="item_price">$00.00</span>
</div>
<div class="item_Description">
Descriptions... </div>
Kemudian masukkan data mengenai produk anda sesuai tempat yang seharusnya
Contoh:
<div class="item_image">
<img border="0" class="item_thumb" src="link ke gambar anda "/>
<span class="item_price">$10.00</span>
</div>
<div class="item_Description">
Tas punggung pink cantik dengan kualitas terbaik, simple dan plain, cocok untuk tas sekolah anak, bla-bla-bla...</div>
Ubah "link ke gambar anda" dengan link beneran yang mengarah ke gambar produk anda. Upload gambar ke Blogger seperti biasa dan salin URL gambar anda ke bagian ini.
"$10.00" ubah dengan harga produk anda. "Tas punggung pink cantik dengan kualitas terbaik, simple dan plain, cocok untuk tas sekolah anak, bla-bla-bla..." ubah dengan deskripsi mengenai produk anda.
Selesai? Kini berikan Label, label "Backpack" saya gunakan dalam contoh kasus saya. Kemudian klik "Publish"! Jika semuanya berjalan lancar, seharusnya anda akan melihat hal yang kurang lebih seperti ini.
cara membuat toko online di blogger final picture
hasilnya terlihat rapi dan menarik bukan...
Tentu saja, karena masih satu produk yang ditambahkan ke toko online anda. Anda harus tambahkan lebih banyak produk lagi agar toko online anda tampak lebih bagus
cara membuat toko online di blogger real final picture
Tampilan akan lebih baik dan kelihatan sempurna dengan desain dan postingan barang pada toko online kita, pastinya bagus dan tidaknya tampilan web atau blog seseorang tergantung dari kreatifitas kita masing-masing dalam mengedit blog. Selamat mencoba dan jangan lupa berikan komentar dan subrrib blog saya, terimaksih......

Comments