Blog Jualan: Membuat Toko Online Blogspot dengan Mudah
Membuat sebuah toko online sekarang ini memang sangat banyak diminati, terlebih lagi zaman serba digital saat ini sudah mulai menjadi kebutuhan gaya hidup bagi orang lain untuk berbelanja secara online.
Mengingat potensi berjualan online saat ini banyak peminatnya! Mulai dari anak remaja, Ibu Rumah Tangga dan orang yang sudah tua pun juga sangat tertarik untuk berjualan secara online.
Maka dalam pembahasan kali ini, saya akan memberikan tutorial lengkap tentang pembuatan toko online yang bisa Anda ikuti untuk diperaktekan.
Perlu dicatat, jika untuk membuat sebuah toko online itu harus mengeluarkan biaya. Mulai dari biaya hosting (tempat penyimpanan server), domain (alamat toko online) dan juga tema (tampilan toko online).
Semua itu harus Anda siapkan biayanya untuk bisa membuat toko online yang cukup mudah dan instan tanpa rebit.
![]() |
Ilustrasi membuat toko online |
Tapi, Anda masih bisa juga untuk membuat blog toko online secara gratis bahkan tanpa harus mengeluarkan sedikit biaya pun untuk memulainya.
Caranya kita akan menggunakan layanan Blogspot (Blogger) sebuah platrom blogging gratis yang bisa digunakan dari produk Google.
Catatan: Kekurangan membuat toko online diblogspot ini adalah bagian membuat postingan produk harus dilakukan secara manual dengan kode HTML khusus.
Jika Anda ingin memiliki blog toko online dengan biaya murah tanpa harus mengerti tentang HTML.
Cukup membeli template blogger premium BukaBlog mirip Bukalapak yang mana template ini cukup canggih dan mudah digunakan untuk blog jualan.
Lihat Contoh Blog toko online
Cara Membuat Toko Online Gratis di Blogspot
Hal yang harus Anda ketahui, Anda harus sudah memiliki akun email Gmail dari Google yang mana fungsinya nanti akan digunakan untuk pendaftaran ke Blogspot.
Langkah 1: Buka blogger dan daftar untuk bisa memiliki akun blogger.
Langkah 2: Langkah selanjutnya, silahkan Anda pilih nama alamat toko yang nantinya agar bisa di akses
![]() |
Images by boshjn.id |
Penjelasan :
- Title = Isi dengan nama Toko Anda, contohnya " Toko Bunga, Toko Kerupuk, Toko Buku dan lainnya "
- Address = Isi dengan alamat toko, contohnya " tokohjn.blogspot.com " nantinya ini berfungsi untuk orang lain agar bisa mengakses Toko online Anda lewat browser mereka.
- Theme = Pilih tampilan tema versi standar saja, untuk bisa mendapatkan tema toko online blogspot yang versi gratis bisa buka disini.
Jika data sudah di isi semua dengan benar, klik " Create blog! / Buat blog! "
Blog sudah dibuat, langkah berikutnya adalah menganti tema blog menjadi sebuah toko online dengan menggunakan tema toko online gratis yang sudah didownload tadi.
Untuk mengetahui cara menganti tema di blogspot, Anda bisa kunjungi halaman panduannya disini
Membuat Postingan Produk Toko Online di Blogspot
Untuk membuat postingan produk, kita harus menggunakan kode HTML kusus agar tampilannya rapi saat dilihat, caranya silahkan Anda ikuti panduan dibawah ini.
Buka Blogger > Postingan > Entri Baru
![]() |
Images by boshjn.id |
Ubah mode postingan sebelumnya mode " Compose " menjadi " HTML "
![]() |
Images by boshjn.id |
Salin kode HTML kusus postingan produk untuk toko online Anda, dibawah ini.
<!--=== gambar produk ===--> <div class="gambar-produk"> <img alt="judul_gambar" src="URL_GAMBAR"> <!--=== end gambar produk ===--> <!--=== status label ===--> <div class="status-produk"> <div class="produk-terlaris">off 50%</div> </div> </div> <!--=== end status label ===--> <!--=== detail harga produk ===--> <div class="detail-produk" itemprop="offers" itemscope="" itemtype="http://schema.org/Offer"> <meta itemprop="availability" content="https://schema.org/InStock"> <meta itemprop="priceValidUntil" content="2021-11-05"> <div itemprop="priceCurrency" content="IDR"></div> <div class="harga-produk" itemprop="price" content="1000000">Rp 1.000.000</div> </div> <!--=== end detail harga produk ===--> <!--=== deskripsi produk ===--> <div class="deskripsi-produk"> Deskripsi produk Anda, contohnya Ukuran, Warna dan Jenis </div> <!--=== end deskripsi produk ===-->Penjelasan :
- URL_GAMBAR > Ubah dengan URL gambar milik Anda
- Off 50% > Ubah statusnya sesuai produk yang Anda jual
- Rp 1.000.000 > Ubah dengan harga produk yang Anda jual
- Deskripsi produk > Ubah sesuai data produk yang dijual, contohnya Ukuran dan Warna
Mengatur Pembayaran Toko Online di Blogspot
Pengaturan pembayaran dari template toko online yang saya bagikan diatas, akan masuk ke pesan WhatsApp.
Untuk mengatur nomor WhatsApp maka Anda harus menggubah nomor WhatsApp nya melalui edit HTML Template.
Buka Blogger > Theme / Template > Edit HTML > CTRL+F Masukan kode
Penjelasan :
<div class="tombol-beli">
klik Enter.Penjelasan :
- Ubah kode yang berwarna tanda merah
https://api.whatsapp.com/send?phone=6282111111111
dengan nomor WhatsApp Anda - Ubah juga kode
sms:082111111111
dengan nomor HP / WhatsApp Anda - Ubah lagi kode nomor Telepon
tel:082111111111
dengan nomor HP
Langkah berikutnya, klik " SIMPAN / SAVE " untuk menyimpan pengaturan toko online.
Pada langkah ini, untuk semua pengaturan template toko online diblogspot sudah dilakukan dengan benar, langkah berikutnya adalah membuat toko online Anda dapat dibaca di pencarian Google.
Pengaturan Dasar Toko Online Blogspot
Dibawah ini ada beberapa kumpulan panduan dasar untuk toko online Anda diblogspot, agar tampilannya sesuai dengan keretia pendomaan blogspot.
Mengatur Nama Toko & Penjelasan Toko
Buka Blogger > Setelan / Setting > Dasar
![]() |
Images by boshjn.id |
- Pilih " Judul " > Ganti dengan nama Toko online Anda
- Pilih " Deskripsi " > Ganti dengan penjelasan Toko Anda, contohnya " Menjual produk baju dan celana "
Klik " SIMPAN " untuk menyimpan pengaturan.
Buka Blogger > Setelan > Postingan komentar dan berbagi > Tampilkan sebanyak mungkin ? > 10 Postingan.
Ubah juga tulisan " Tampilkan gambar dengan Lighbox ? > Menjadi " Ya "
Klik " SIMPAN "
Bahasa pilih " Indonesia " sesuai dengan target market Anda
Format
Menggubah http ke https alamat Toko Online
Masih dimode pengaturan Dasar, silahkan Anda klik tulisan Pengalihan HTTPS menjadi " Ya / Yes "![]() |
Images by boshjn.id |
Mengatur jumlah postingan Produk diblogspot
Agar tampilan halaman produk Anda tersusun rapi, silahkan Anda atur jumlah yang akan tampil dihalaman beranda cukup " 10 Jumlah saja "![]() |
Images by boshjn.id |
Ubah juga tulisan " Tampilkan gambar dengan Lighbox ? > Menjadi " Ya "
Klik " SIMPAN "
Mengatur Bahasa, Jam & Tanggal postingan Produk
Buka Blogger > Setelan / Settings > Bahasa dan pemformatan![]() |
Images by boshjn.id |
Format
- Zona Waktu > Atur sesuai wilayah Anda
- Format Header Tanggal ? > Atur seperti milik saya diatas
- Format Timestamp > Sesuaikan seperti contoh milik saya
- Format Stempel Waktu Komentar > Silahkan Anda samakan saja seperti milik saya
Mengatur Deskripsi Toko Anda
Buka Blogger > Setelan / Setting > Prefensi penelusuran > Deskripsi
![]() |
Images by boshjn.id |
Lalu klik " EDIT " dan isi text sesuai dengan penjelasan toko Anda, misalnya " Toko online terbaik di daerah kecamatan Anda "
Mengatur Robot.txt Blogger untuk Toko Online
Buka Blogger > Setelan / Setting > Prefensi penelusuran > robot.txt khusus ?
![]() |
Images by boshjn.id |
Lalu klik " EDIT "
Pilih " YA / Yes " untuk mengaktifkan robot.txt blog toko online Anda
![]() |
Images by boshjn.id |
Salin kode dibawah kolom ini.
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: https://tokoboshjn.blogspot.com/sitemap.xml
Ubah yang tanda berwarna kuning, dengan alamat toko Anda.Klik " SIMPAN PERUBAHAN "
Mengatur Tag Robot Khusus Toko
Buka Blogger > Setelan / Setting > Prefensi penelusuran > Tag tajuk robot khusus ?![]() |
Images by boshjn.id |
Atur pengaturannya seperti contoh gambar milik saya diatas.
Apabila sudah selesai klik " Simpan perubahan "
Untuk seluruh pengaturan dasar blogger sudah Anda lakukan dengan benar, apabila sudah mengikuti panduan diatas secara teliti dan benar.
Kesimpulan
Cara membuat toko online diblogspot untuk era sekarang ini cukup mudah. Ikuti panduan diatas dengan teliti dan benar maka toko online impian Anda telah jadi.
Anda tidak perlu pusing dengan urusan keamanan toko online, sebab semuanya sudah dilindungi oleh pihak Google langsung.
Apabila Anda memiliki pertanyaan jangan ragu untuk menulisnya dikolom komentar. Sampai berjumpa kembali..
6 komentar untuk "Blog Jualan: Membuat Toko Online Blogspot dengan Mudah"
Kami memiliki kebijakan dalam berkomentar di Blog ini :
— Dilarang promosi suatu barang
— Dilarang jika memasang link aktif di komentar
— Dilarang keras melakukan promosi iklan
— Dilarang menulis komentar yang berisi sara, bully atau cemuhan
NB :Komentar yang melanggar tidak akan ditampilkan
Kebijakan komentar yang bisa Anda temukan selengkapnya disini
Dukungan :
Jika menyukai dengan artikel blog kami, silahkan Ikuti blog ini
thank for share
BalasHapusOk sir
Hapusmas ini template blogger boshjn namanya apa ya?
BalasHapusIni buatan sendiri, gak ada yang jual
HapusKalau cara mendapatkan atau melihat url gambar bagaimana yah ?.
BalasHapusApaka gambarnya di upload dulu ?
Upload dulu fotonya, terserah dipenyimpanan manapun tempat uploadnya yang penting URL fotonya dapat.
Hapus