Login Member
close
Subscribe

Documentation

pdf-spot instalasi

Purchase Template PDF-Spot versi terbaru v2 Download


Instalasi Template PDF-Spot

Pertama Kali Instal Template

  1. Login ke Dashboard Blogger > Theme
  2. Silahkan lakukan proses Backup terlebih dahulu agar Theme lama kamu tidak hilang.
  3. Pilih Edit HTML > Select all lalu hapus semua isi kode HTML tersebut
  4. 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>
  5. Kembali ke menu Theme > Restore > Upload > Pilih file pdfspot.xml

Update Versi Template

  1. Login ke Dashboard Blogger > Theme
  2. Pilih Theme > Restore > Upload > 
  3. Pilih file Template pdfspot.xml

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


Kode Lisensi Template

Template PDF-Spot membutuhkan kode lisensi agar dapat dipasang ke blogmu. Sehingga hal pertama yang harus dilakukan adalah memiliki kode lisensi. 

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

Pengaturan kode lisensi dapat dilakukan di halaman Member Area.

atur lisensi di member area

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


Script Pengaturan Fitur Template

Pada widget YzSettings terdapat beberapa baris pengaturan template yang dapat kamu sesuaikan sesuai keinginan masing-masing. Berikut ini adalah default kode dan penjelasan masing-masing fiturnya. 

// login method
var loginMethod = 2;
// dark system
var darkSystem = true;
// widget history
var limitHistory = 5;
// link comment
var linkComment = false;
// link profile comment
var profileComment = true;
// recent by label
var yzRp_moreText = 'more in '; 
var yzRp_desc = true;
// tabs title
var readTabs = "Read";
var detailTabs = "Details";
var commentTabs = "Discuss";
// checkout wa
var waAdmin = '6289507785333';
var coCurrency = 'Rp';
var priceProduct = '1.234';
var priceMember = '100.000';

  • loginMethod (1/2), 1 = unlock konten dengan username + pin, 2 = unlock konten dengan pin saja.
  • darkSystem (true/false), mengaktifkan fitur dark mode atau tidak.
  • limitHistory (number), mengatur jumlah history yang tampil pada widget reading history.
  • linkComment (true/false), mengaktifkan atau tidak link pada kolom komentar.
  • profileComment (true/false), mengaktifkan atau tidak link profile pengirim komentar.
  • yzRp_moreText (strings), tulisan pada tombol lihat semua postingan widget recent by label
  • yzRp_desc (true/false), menampilkan atau tidak baris deskripsi isi singkat artikel di widget recent by label.
  • readTabs (strings), tulisan pada tombol Tab isi embed pdf.
  • detailTabs (strings), tulisan pada tombol Tab isi artikel.
  • commentTabs (strings), tulisan pada tombol Tab untuk membuka kolom komentar.
  • waAdmin (strings), nomor kontak whatsapp admin untuk pengiriman order pembelian.
  • coCurrency (strings), mata uang yang ingin tampil pada harga produk.
  • priceProduct (strings), harga produk.
  • priceMember (strings), harga untuk langganan membership.


Mengatur Urutan Layout Detail Post

Tampilan layout detail postingan dapat kita atur melalui editor widget Blog Post, caranya:

  1. Masuk ke halaman layout
  2. Pilih icon pensil pada widget Blog Post
  3. Scroll ke paling sampai muncul bagian Arrange items
  4. Drag posisi items sesuai keinginan atau bisa mengikuti saran seperti gambar di bawah jika ingin sama.
  5. Save untuk menyimpan dan silahkan lihat hasilnya pada halaman postingan.


Cara Embed PDF Ebook Versi Gratis

Berikut adalah cara embed file PDF ebook yang kita simpan di Google Drive.

Selain Google Drive, kita juga bisa menggunakan penyedia embed pdf lain seperti flipbooklets.

Tambahkan class lazy pada baris kode iframe,  <iframe class="lazy"...

Dengan menambahkan iframe embed sesuai cara diatas maka akan otomatif menampilkan tab Details - Read - Comments


Data Member

Template PDF-Spot telah mendukung fitur login untuk membuka semua konten yang dikunci, untuk memasukan data member bisa melalui widget Data Members dengan format penulisan seperti berikut: 

{email:"member@mail.com",pin:"123123",name:"member"}

Jika banyak pisahkan dengan tanda koma (,) menjadi {data member 1},{data member 2}, dst. contoh 

{email:"member@mail.com",pin:"123123",name:"member"},{email:"member2@mail.com",pin:"123123",name:"member2"}

Selanjutnya obfus data member agar tidak bisa di inspect menggunakan website obfuscator favorit kalian, saran dari saya adalah gunakan website javascriptobfuscator.

Update versi 2:

Pada update versi 2 terdapat penambahan variable baru yakni type dan role

  • type = masa aktif membershipnya. (1 = bulanan / 1 bulan) ( 2 = 6 bulan ) ( 3 = annual / 1 tahun )
    harus disandingkan dengan atribut start: "(tanggal member aktif)"
  • role = atribut khusus sebagai parameter tambahan untuk membuka konten sesuai role. Jika role member tidak cocok dengan keperluan role konten, maka konten tidak dapat dibuka.

Jangan lupa juga atur harga Membership melalui widget yz-settings, var priceMember = '100.000';


Mengunci Konten PDF Versi Berbayar Khusus Member

Untuk mengunci konten PDF kalian dapat memanfaatkan Tools Enkripsi Konten yang telah disediakan. Untuk lebih jelasnya dapat menonton video tutorial berikut.

Selanjutnya lakukan Obfus pada baris kode

const correctPassword='xxx xx';

Dengan menggunakan website obfuscator favorit kalian, saran dari saya adalah gunakan website javascriptobfuscator.

Update versi 2:

Jika ingin memanfaatkan fitur parameter role member pada konten, maka tambahkan data-role="" pada hasil enkripsi konten. Contoh: 

    <div class="memberOnly" data-role='2' data-text="LxUMVBYVaZCmM......."></div>

Maka konten tersebut akan bisa terbuka oleh member dengan role 2.

Akses Khusus Pembeli Satuan

Selain untuk member, kita juga bisa mengatur pin akses untuk pembeli satuan.

Caranya adalah dengan memasukan pin pembeli di postingan yang telah ia purchase saja. 

<script>
  var priceProduct = '11.000';
  var singleData =[
    {pin:"123123"}, // pin pembeli 1
    {pin:"123123"}, // pin pembeli 2
    {pin:"321321"}  // pin pembeli 3
  ];
</script>

Copas kode diatas ke postingan via mode HTML.

PriceProduct sesuaikan dengan harga produk.


Menampilkan Harga dan Rating Produk

Pada update v.2 kita bisa menampilkan harga dan juga rating pada tampilan awal produk dan juga di dalam detail postingan. Caranya adalah dengan menggunakan line html berikut 

<i class="priceProduct">11.000</i>
<i class="ratingProduct">4.8</i>

tempatkan di paling awal postingan.


Mengatur Post Label Serial dan Chapter

Untuk dapat menggunakan fitur Serial dan Chapter terdapat beberapa ketentuan yang harus dilakukan.

  • Gunakan label Serial dan label nama judul untuk postingan induk, contoh label: Serial, Nashaihul Ibad.
  • Gunakan label Chapter* dan label nama judul untuk postingan chapter/episode, contoh label: Chapter, Nashaihul Ibad.
    *bisa juga Label: Chapter / Bab / Jilid / Volume / Part / Episode
  • Pastikan pada nama judul postingan untuk Chapter terdapat tulisan teks Ch.*
    *bisa juga tulisan teks: Ch. / Bab. / Jilid. / Vol. / Part. 

*Mulai support di PDF-Spot v.2

Jika kurang jelas dapat menonton video berikut:

Dalam video juga terdapat tutorial cara menampilkan jumlah Chapter di Gambar Thumbnail postingan. Yang perlu diperhatikan adalah menuliskan label jumlah chapter secara manual yang postingan induk miliki diawali underscore (_), contoh label: _2 (untuk 2 jumlah chapter) atau _29 (untuk 29 jumlah chapter).


Mengatur Navigasi Menu dan Submenu

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

Widget LinkList

Pada menu Layout edit widget 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 pdf-spot Blogger Template-3



More soon..

Sampaikan keperluan dokumentasi berikutnya pada kolom komentar

Comments
Please Scroll down page first to show Comment Box