PANDUAN BOSPedia

  Dibawah ini adalah panduan tata cara mengatur template  Tokopedia Blogger  yang sudah kamu beli. Mohon ikuti secara perlahan agar tampilannya sesuai dengan benar Cara Memasang Template Blogger | Blogspot Buka file template yang berformat  WinRAR , harus sudah terpasang aplikasi WinRAR dilaptop Anda [ Unduh ]. Klik kanan  file template  >  Extra Here File template sudah terbuka, yang beformat  XML . Klik file template, contoh nama template Generate Premium. Lalu salin kode semuanya dengan cara klik  CTRL+A  Lalu  CTRL+C Buka  Blogger  >  Dashbor  Pilih  Template / Theme   Klik  Edit HTML  >  CTRL+A  untuk menghapus semua kode template yang sebelumnya berada di blogger. Paste kode template yang sudah disalin tadi sebelumnya, dengan cara  klik kanan  >  paste  atau  CTRL+V Lalu klik ”  SIMPAN / SAVE  ” Template. Cara Kedua Memasang Template Blogger | Blogspot Login ke  Blogger  > Pilih menu  Tema Klik  Backup / Pulihkan Klik  Choose File Pilih  file template  di Komputer

  Mengatur Menu Dropdown Kategori Template Tokopedia Untuk mengatur menu kategori, Anda bisa ikuti cara yang saya jelaskan dibawah ini. Buka  Blogger  >  Tata Letak  >  Kategori / Label Klik icon ”  Pencil  ” lalu atur link kategori / label seperti contoh gambar dibawah ini. Tampilkan  > Bisa dipilih sesuai selera, jika ingin label / kategori ditentukan sendirinya. Menyotir  > Silahkan ikuti petunjuk arah panah gambar diatas, usahakan jangan menggubah pengaturan Tampilkan  > Pilih ”  Daftar  ” jangan memilih tulisan ”  Cloud  ” Beri tanda ceklis ke kotak kecil, yang bertulisan ”  Tampilkan jumlah postingan per label  “ Jika sudah, klik “  SIMPAN  ” Catatan!  Pastikan diblog Anda sudah ada beberapa postingan produk dan mengunakan label | kategori. Jika belum ada, maka label dropdown tidak akan muncul.  

  Buat Anda yang baru saja membuat akun di blogger.com, Biasanya sering saya temui yang belum mengatur data foto profile nya di blogger, dan apabila tidak diatur maka foto profile biasanya akan tampil secara default | standar. Untuk mengaturnya, Anda bisa ikuti cara yang saya jelaskan dibawah ini. Mengatur Data Profil Blogger Buka  Blogger  >  Setelan | Pengaturan  >  Setelan Pengguna  >  Profil Pengguna  > Klik ”  Edit  ” Edit Profil Pengguna Privasi Bagikan profile saya  > Ceklis Tampilkan alamat email saya  > Biarkan saja Tampilkan blog saya  > Terserah Anda Perlihatkan situs yang kuikuti  > Biarkan saja Identitas Nama Pengguna  > mengikuti isi alamat email Alamat email  > Isi dengan alamat email Nama Tampilan  > Nama Anda | Gelar, ini nantinya akan mewakili diblogger Foto Profil Upload foto profil Anda, usahakan ukurannya yang sedang sekitar [ 100px ] Informasi Tambahan Perkenalkan diri Anda  > Cukup isi kolom ini dan jelaskan siapa Anda. Saran d

  Disini kamu harus sudah paham, antara fungsi halaman blogger dan halaman artikel itu sedikit berbeda. Penjelasan singkat Postingan  > Adalah halaman yang akan selalu tampil dihalaman depan beranda blog Halaman  > Ini adalah sebuah halaman yang tidak akan tayang di halaman depan blog, namun tetap bisa diakses sesuai link yang kita buat Untuk membuat Halaman kontak di template bloggger, Anda bisa buka dashbor blogger. Blogger  >  Halaman  >  Halaman Baru Ubah mode halaman menjadi “  HTML   Beri judul halaman ”  KONTAK  ” Salin kode HTML dibawah ini. <div class="contact-form-widget"> <form name="contact-form"> <span class="ctitles">Name :</span> <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" type="text" value="" /> <span class="ctitles">Email <span class="swajib">*</span> :</span> <input

  Penjelasan : #URL-FOTO-PRODUK  Adalah URL Foto Produk, Usahakan ukuran foto lebar dan tingginya  700px x 700px  /  300px 300px   – Lihat contoh ukuran gambarnya  disini content=” 205000″ Ganti angka  205000  dengan harga produk tanpa tanda [,]  Koma  | [.]  Titik Rp.205.000 Ganti angkanya dengan harga produk menggunakan simbol mata uang [ Rp ]. <div class="harga-tetap">Rp200.000</div>  – Jika produk memiliki potongan Harga, maka edit angka [ Rp200.000 ] dan jangan dihapus. <i class="fa fa-star"></i>  – Ini adalah icon bintang nilai riview Produk, Jika ingin menambahkan / menggurangi jumlah bintang, silahkan hapus  <i class="fa fa-star"></i>  | tambahkan. Icon menggunakan  FontAwesome . Cara Membuat Kode HTML Otomatis Tersimpan di Blogger Agar kode HTML otomatis tersimpan di blogger, Anda perlu menyalin kode HTML diatas ke dalam pengaturan  Template Entri . Lebih jelasnya bisa  baca lebih lanjut . Nanti kode HTML produk

  Sangat disarankan untuk membaca panduan ini, untuk tidak mendapatkan kekeliruan dalam membuat postingan produk di Template blogger mirip tokopedia. Untuk membuat postingan produk langkah-langkahnya sama seperti posting artikel, bedanya hanya saja dibagian kode HTML khusus yang diletakan di dalam artikel. Silakan disimak caranya berikut ini dengan teliti : Login ke ”  Blogger  ” > klik ”  Postingan  ” > ”  Entri Baru  “ Pada editor artikel pilih mode ”  HTML  ” bukan ”  Compose  “ Setelah itu paste kode HTML dibawah ini semuanya, pada bagian halaman artikel  <!--=== ⚠️ [ BACA DULU ] - JANGAN DIRUBAH MODE POSTINGAN KE " Compose " HARUS TETAP DALAM MODE " HTML " ⚠️ ===--> <!--============ 📦 AREA GAMBAR PRODUK ============--> <div class="gambar-produk"> <!--============ 📷 GANTI GAMBAR LINK [#URL-FOTO-PRODUK-1] GAMBAR KE 1 | GANTI TEXT ALT SESUAI JUDUL POST [ alt='Judul Produk' ]--> <a href="#URL-FOTO-PRODU