BSale Template Documentation

Yanuar Zhaldy Gemilang Diupdate: August 31, 2025

Download Template BSale versi terbaru Download

Instalasi Template BSale

Pertama Kali Instal Template

Login ke Dashboard Blogger > Theme
Silahkan lakukan proses Backup terlebih dahulu agar Theme lama kamu tidak hilang.
Pilih Edit HTML > Select all lalu hapus semua isi kode HTML tersebut

Paste kode Blank HTML dari Jettheme dibawah ini kemudian Save

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:js='false' b:defaultwidgetversion='2' b:layoutsVersion='3'>
<b:attr name='xmlns' value=''/>
<b:attr name='xmlns:b' value=''/>
<b:attr name='xmlns:expr' value=''/>
<b:attr name='xmlns:data' value=''/>
<head>
<title><data:blog.pageTitle/></title>
<b:skin/>
</head>
<body>
<b:section id='1'/>
</body>
</html>

Kembali ke menu Theme > Restore > Upload > Pilih file BSale.xml

Update Versi Template

Login ke Dashboard Blogger > Theme
Lakukan backup template blogmu.
Buka tools Blogger Template Merger.
Paste keseluruhan kode template update yang ingin kamu terapkan di bawah.
Paste keseluruhan kode template backup blogmu di bawah.
Pilih tombol Merger Template.
Gunakan update kode hasil Merger ke Template Editor bloggermu.

Silahkan buka url Blog kamu untuk melihat dan memastikan Template telah berhasil dipasang dan tampilan telah berubah.

Kode Lisensi Template

Template BSale membutuhkan kode lisensi agar dapat menghapus credit footer. Sangat penting bagi kamu yang ingin tampil lebih ekslusif tanpa adanya identitas pembuat templatenya.

Setiap pembelian akan mendapatkan 2 lisensi yang bisa dipakai untuk 2 url domain yang berbeda.

Pengaturan kode lisensi dapat dilakukan di halaman Member Area.

Pastikan login menggunakan email pembelian, jika kesulitan bisa menghubungi bantuan melalui kontak WhatsApp atau Telegram.

Widget Pengaturan Fitur Template

Pada slot widget Yz Settings terdapat beberapa baris kode yang dapat kamu sesuaikan. Beberapa kode sbb:

var darkSystem = true;
var linkComment = false;
var profileComment = true;
var middleAds = 2;
var readMore = "Load More";
var autoToc = true;
var midRelatedPost = true; 
var midRelatedPostNum = 2;
var midRelatedText = "Baca juga ";

Penjelasan Fitur

var darkSystem (true/false) = menampilkan fitur tema Dark/Light atau tidak.
var linkComment (true/false) = menampilkan atau menonaktifkan sebuah link yang dikirim pada kolom komentar.
var profileComment (true/false) = menampilkan atau menonaktifkan link profile pembaca yang mengirimkan komentar.
var middleAds (jumlah) = berapa jumlah maksimal iklan yang akan muncul di tengah-tengah artikel (bisa kurang dari angka yang ditentukan).
var readMore ("tulisan") = tulisan yang akan tampil pada tombol infinite scroll.
var autoToc (true/false) = apakah Table of Content akan tampil atau disembunyikan.
var midRelatedPost (true/false) = apakah ingin menampilkan post serupa di tengah-tengah artikel atau tidak.
var midRelatedPostNum (jumlah) = jumlah maksimal post serupa di tengah-tengah artikel (bisa kurang dari angka yang ditentukan).
var midRelatedText ("tulisan") = tulisan yang tampil diatas judul post serupa tengah artikel.

Mengatur Navigasi Menu dan Submenu

Sama seperti template Infastio dan PDF Spot, di template BSale juga mendukung navigasi menu dan submenu melalui widget linklist pada Header.

Widget LinkList

Pada menu Layout edit widget Nav Link List

Berikan underscore _ pada judul link yang ingin dijadikan sebagai submenu.

contoh: _Card Generator (lihat screenshot)

Pastikan diatas submenu harus ada link yang dijadikan sebagai menu utama, contoh dalam screenshot: Tools.

Documentation of Infastio Blogger Template-3

Footer Sosial Media Icon

<ul class="social">
<li class="codepen">
<a href="#" target="_blank" aria-label="codepen icon" rel="nofollow"><i></i></a>
</li>
<li class="dribbble">
<a href="#" target="_blank" aria-label="dribbble icon" rel="nofollow"><i></i></a>
</li>
<li class="instagram">
<a href="#" target="_blank" aria-label="instagram icon" rel="nofollow"><i></i></a>
</li>
<li class="facebook">
<a href="#" target="_blank" aria-label="facebook icon" rel="nofollow"><i></i></a>
</li>
<li class="github">
<a href="#" target="_blank" aria-label="github icon" rel="nofollow"><i></i></a>
</li>
<li class="linkedin">
<a href="#" target="_blank" aria-label="linkedin icon" rel="nofollow"><i></i></a>
</li>
<li class="pinterest">
<a href="#" target="_blank" aria-label="pinterest icon" rel="nofollow"><i></i></a>
</li>
<li class="telegram">
<a href="#" target="_blank" aria-label="telegram icon" rel="nofollow"><i></i></a>
</li>
<li class="threads">
<a href="#" target="_blank" aria-label="threads icon" rel="nofollow"><i></i></a>
</li>
<li class="tiktok">
<a href="#" target="_blank" aria-label="tiktok icon" rel="nofollow"><i></i></a>
</li>
<li class="twitter">
<a href="#" target="_blank" aria-label="twitter icon" rel="nofollow"><i></i></a>
</li>
<li class="whatsapp">
<a href="#" target="_blank" aria-label="whatsapp icon" rel="nofollow"><i></i></a>
</li>
<li class="youtube">
<a href="#" target="_blank" aria-label="youtube icon" rel="nofollow"><i></i></a>
</li>
</ul>

Ubah tanda # dengan url link sosial media kalian.

More soon..

Sampaikan keperluan dokumentasi berikutnya pada kolom komentar

Blog

Yanuar Zhaldy Gemilang

Also known as YZG / YanuarZG.
Blogger Template enthusiast.
See collections ↗