Pengaturan Template BukaBlog v.1.2.5

Ini adalah panduan pengaturan template BukaBlog agar semua tampilan dan pengaturannya sesuai seperti demo template.

Baca panduan lengkap dibawah ini, sebelum melakukan pertanyaan kepada saya lewat WhatsApp.

Menganti Template Blogger

Silahkan Anda buka file template yang berformat RAR yang sudah saya kirim via Email.
Silahkan Anda extra dulu ” Extract Here
Pengaturan Template BukaBlog v.1.2.5
Lalu buka folder templatenya dan pilih format file yang berextinsi XML.
Pengaturan Template BukaBlog v.1.2.5
Buka notepad dan drag file ke area notepad.
Pengaturan Template BukaBlog v.1.2.5
Salin kode yang berada di NOTEPAD, CTRL+A lalu CTRL+C
 
Pengaturan Template BukaBlog v.1.2.5
Buka Blogger > Template / Theme > Edit HTML
Pengaturan Template BukaBlog v.1.2.5
Klik CTRL+A untuk menghapus semua kode yang berada ditemplate sebelumnya, dan menjadi area kosong seperti contoh gambar dibawah ini.
Pengaturan Template BukaBlog v.1.2.5
Paste kode template yang sudah disalin tadi sebelumnya, dengan cara klik kanan > paste atau CTRL+V
 
Jika sudah, silahkan klik tombol ” SIMPAN
Dalam langkah ini, Anda sudah berhasil menganti / memasang template Blogger.

Mengatur Nama Toko & Penjelasan Toko

Buka Blogger > Setelan / Settings > Dasar
 
BukaBlog Dokumentasi
 
Pilih ” Judul ” > Ganti dengan nama Toko online Anda
Pilih ” Deskripsi ” > Ganti dengan penjelasan Toko Anda, contohnya ” Menjual produk baju dan celana

Menggubah http ke https alamat Toko

Masih dimode pengaturan Dasar, silahkan Anda klik tulisan Pengalihan HTTPS menjadi ” Ya / Yes
BukaBlog Dokumentasi
Klik ” SIMPAN ” untuk menyimpan pengaturan.
Pengaturan dasar toko online Anda sudah selesai.

Mengatur jumlah postingan Produk

Agar tampilan halaman produk Anda tersusun rapi, silahkan Anda atur jumlah yang akan tampil dihalaman beranda cukup  ” 12 Jumlah saja
BukaBlog Dokumentasi
Buka Blogger > Setelan > Postingan komentar dan berbagi > Tampilkan sebanyak mungkin ? > 12 Postingan.
Ubah juga tulisan ” Tampilkan gambar dengan Lighbox ? > Menjadi ” Ya “
Klik ” SIMPAN

Mengatur Bahasa, Jam & Tanggal postingan Produk

Buka Blogger > Setelan / Settings > Bahasa dan pemformatan
 
BukaBlog Dokumentasi
 
+ Bahasa pilih Indonesiasesuai dengan target market Anda
+ 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

 
BukaBlog Dokumentasi
 
Lalu klik ” EDIT ” dan isi text sesuai dengan penjelasan toko Anda, misalnya ” Toko online terbaik di daerah kecamatan kabupaten tapin “
 

Mengatur Robot.txt Blogger

Buka Blogger > Setelan / Setting > Prefensi penelusuran > robot.txt khusus ?
 
BukaBlog Dokumentasi
 
Lalu klik ” EDIT “
 
Pilih ” YA / Yes ” untuk mengaktifkan robot.txt blog
BukaBlog Dokumentasi

 

Salin kode dibawah kolom ini.
User-agent: Mediapartners-Google
Disallow: 

User-agent: *
Disallow: /search
Allow: /

Sitemap: https://bukablog.rianseo.com/sitemap.xml

+ Ubah yang tanda berwarna merah, dengan alamat toko Anda.Klik ” SIMPAN PERUBAHAN

Mengatur Tag Robot Khusus Toko

Buka Blogger > Setelan / Setting > Prefensi penelusuran > Tag tajuk robot khusus ?
 
BukaBlog Dokumentasi
 
Klik ” EDIT ” pilih tulisanYA / YES
 
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.

Menganti Favicon Toko

Buka Blogger > Tata Letak > Favicon
 
BukaBlog Dokumentasi
 
Klik Edit > Choose File > Cari favicon yang Anda punya, Anda dapat mencari icon favicon di halaman link disini

Mengatur Nomor WhatsApp dan Motode Pembayaran

Buka Tata Letak > Pengaturan BukaBlog > Klik icon Pencil
 
BukaBlog Dokumentasi
 
Silahkan Anda sesuaikan pengaturan toko Anda sesuai text yang saya jelaskan dibawah ini.

 

BukaBlog Dokumentasi

Penjelasan :

  • PaypalMail = Ganti yang saya beri lingkaran merah dengan email akun ” Paypal ” milik Anda
  • PaymentOption = Biarkan saja seperti biasanya, tidak usah diubah
  • currencyOption = Ganti jenis mata uang sesuai dengan negara Anda
  • textMessage = Ganti dengan kata-kata yang Anda inginkan saat orang lain mengirim pesan WhatsApp kepada Anda
  • nameSeller = Ganti sebutan nama Anda saat orang mengirim pesan di WhatsApp
  • nomorWhatsapp = Ganti nomor WhatsApp dengan nomor WhatsApp Anda
NB : Ubah text yang saya beri lingkaran merah, jangan menggubah text yang tidak saya beri lingkaran merah

Jika sudah selesai, silahkan Anda klik ” SIMPAN

Mengatur Nomor Rekening Bank di Forum WhatsApp

Buka Tata Letak > Edit Widget > Pengaturan Bank
<!--=== Pengaturan Bank ===-->
var set_bank = {
'BANK 1' : '123456 - NAME SELLER',// Edit
'BANK 2' : '123456 - NAME SELLER',// Edit
'BANK 3' : '123456 - NAME SELLER',// Edit
'BANK 4' : '123456 - NAME SELLER',// Edit
};

Penjelasan:

– Ubah yang saya beri tanda warna merah saja, jangan sampai ada yang terhapus kodenya mulai dari titik, koma, :
– Ubah yang bertanda warna merah sesuai data nama bank Anda, Nomor rekening, Nama pemilik Rekening

Menganti logo / text Toko Anda

Buka Blogger > Tata Letak > Header klik icon “ Pencil
BukaBlog Dokumentasi
Choose File > Langsung dari logo yang ada di folder Laptop / Kumpoter Anda
Dari WEB > Link foto yang Anda ambil dari penyimpanan online
BukaBlog Dokumentasi
Penempatan > Pilih > Selain judul dan keterangan
 

Mengatur Menu Navigasi

Pilih Tata Letak > Menu Link > Klik icon ” Pencil
BukaBlog Dokumentasi
+ Klik ” Edit ” untuk menganti text dan juga link yang Anda inginkan
+ Jika ingin menghapus link menu navigasi klik ” Delete
+ Jika ingin menambah link menu navigasi.
  1. Pilih Nama Situs Baru > Isi text yang Anda inginkan
  2. URL Situs Baru > Isi link halaman URL Anda
+ Apabila ingin mengubah posisi text link menu, misalnya kebagian bawah / atas klik icon ” Panah
Terakhir “ SIMPAN

Mengatur Gambar slider Toko BukaBlog

Pilih Tata Letak > Barner Slider Caraousel > Klik icon ” pencil
BukaBlog Dokumentasi
+ Judul ” Edit Gambar Slide ” Biarkan saja
+ Keterangan gambar ” / ” Ganti text penjelasan Produk Anda, misalnya ” Kami menjual baju dengan kualitas original
+ Hubungan ” /search/label/  ” Ganti dengan link URL kategori Anda.
+ Gambar ” Choose File > Pilih Gambar barner milik Anda sendiri
+ Klik ” SIMPAN ” Jika sudah selesai.

Mengatur Menu Pop Up Notifikasi

Buka Tata Letak > Edit Widget > Menu Notifikasi > Klik Icon pensil > Ganti Gambar Barner
 
BukaBlog Dokumentasi
 
Ganti gambar barner / spandok promosi dari Toko Anda.
Usahakan ukuran gambar paling tidak berukuran Lebar 500px & Tinggi 500px
 
Klik ” SIMPAN

Mengatur Label / Kategori Dropdown

Buka Tata Letak > Menu Kategori > Edit dengan mengklik icon pensil
BukaBlog Dokumentasi
Atur menu kategori menjadi ” List / Daftar ” jangan di atur menjadi ” Cloud
Klik ” SIMPAN ” jika sudah selesai

Mengatur Label dengan Gambar Produk

Buka Tata Letak > Label Image Product > Edit
 
BukaBlog Dokumentasi
 
Atur gambar label sesuai kategori produk milik Anda.
Misalnya foto / gambar sendal, maka arahkan ke link label produk sendal.
Klik “SIMPAN

Mengatur Link Menu dibagian Footer

Buka Tata LetakWidget Footer ( Copyright & Menu ) > Edit

BukaBlog Dokumentasi

Silahkan Anda ganti menu link sesuai dengan link yang Anda inginkan.

Judul widget silahkan atur sesuai dengan yang Anda mau, Saran biarkan saja seperti standarnya.

Klik ” SIMPAN

Mengatur Icon Pembayaran, Pengiriman dan Icon Bank

Buka Tata Letak > Setting Support Payment
 
BukaBlog Dokumentasi
 
Ganti icon bank dan pengiriman sesuai link gambar.
BukaBlog Dokumentasi
Penjelasan :
Nama Bank > Misalnya > Mandiri
URL Foto Icon > Ganti link URL Icon Bank
 
Untuk icon lainnya, sama saja langkahnya seperti menganti icon Bank.
Klik ” SIMPAN

Menganti Widget Link Sosial Media

Buka Tata Letak > Icon Sosial Media > Edit
 
Atur link sosial media, sesuai link profil sosial media Anda
BukaBlog Dokumentasi
Catatan :
Jika ingin menggubah icon sosial media, bisa sesuaikan dengan nama sebutan sosial media.
  • Contohnya > facebook > maka yang muncul adalah icon facebook.
  • URL > adalah link dari icon sosial media yang Anda buat.
Klik ” SIMPAN ” Jika sudah selesai.

Mengubah Warna Template Otomatis

Buka Blogger > Tema / Template > Sesuaikan > Latar Belakang

Pilih Warna yang Anda inginkan

Klik ” Terapkan ke Blog ” Jika sudah memilih warna tema yang Anda inginkan.

Membuat Halaman Checkout

Buka Blogger > Halaman Baru > Isi Judul Halaman > checkout

BukaBlog Dokumentasi

Lalu klik ” Publikasikan

Catatan: Biarkan saja kosong untuk isi halaman.

Membuat Halaman Keranjang Belanja

Buka Blogger > Halaman Baru > Isi Judul Halaman > Cart

BukaBlog Dokumentasi

Klik ” Publiskasikan

Membuat Postingan Produk


Buka Blogger > Postingan > Entri Baru

BukaBlog Dokumentasi



Tidak perlu menggunakan kode HTML kusus untuk bisa membuat postingan produk.

Buat judul produk yang Anda jual, lalu lakukan upload foto produk.

BukaBlog Dokumentasi

Untuk membuat harga, cukup gunakan kode price/Rp lalu kasih tanda garis menjadi seperti ini contohnya. price/Rp

BukaBlog Dokumentasi



Untuk jenis mata uang, sesuaikan dengan mata uang yang Anda jual.

  • Rp / IDR
  • $ / USD
  • AUD
  • BRL
  • CAD
  • CZK
  • DKK
  • EUR
  • HKD
  • ILS
  • JYP
  • MXN
  • NZD
  • PLN
  • GBP
  • SGD
  • SEK
  • CHF
  • THB
  • BTC
Untuk memberikan label promo, maka Anda harus menggunakan kode off/- 34% seperti sebelumnya.

off/- 34%

Membuat Postingan Kusus Artikel / Blog

Membuat postingan kusus artikel / blog ditemplate ini cukup mudah, Anda tidak perlu menyalin kode HTML kusus.

Anda cukup melakukannya seperti hal biasanya untuk menulis di blogger, namun yang perlu diperhatikan adalah pemberian ” Label / Kategori ” postingan harus menggunakan label ” Blog ” harus huruf kafital besar ” Blog ” jangan seperti ini “ blog

Untuk lebih jelasnya, bisa Anda lihat contoh pembuatan artikel dibawah ini.

 

Membuat Tulisan Detail Produk

Silahkan Anda tulis deskripsi produk sesuai penjelasan yang Anda inginkan, tanpa harus menggunakan kode HTML.

BukaBlog Dokumentasi

Jika sudah, kasih label / kategori jenis produk dipilihan menu postingan.

BukaBlog Dokumentasi

Klik ” Label ” Isi kolom sesuai kategori barang, misalnya ” Jam Tangan ” lalu klik ” Selesai

Mengatur Deskripsi Penelusuran

Klik ” Deskripsi Penelusuran ” lalu isi kolom dengan kata kunci yang Anda target.

BukaBlog Dokumentasi

Contohnya > ” Jual jam tangan murah, jam tangan anti bom, jam tangan tahan nuklir

Klik ” Selesai ”

Lalu Publikasikan

Checkout melalui Paypal hanya berlaku untuk mata uang $ (Dollar) dan tidak berfungsi untuk mata uang Rupiah (IDR)

Jika Ada pertanyaan silahkan tulis di kolom komentar.

Rian Seo

Menyukai Tentang Seni & Dunia Fitness