Juyo Blogger Template Documentation
Download Template Juyo versi terbaru Download
Instalasi Template Juyo
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 juyo.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 Juyo 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 ";
var yzNavMode = 2; /* (0=default, 1=numbered, 2=infinite) */
var numberedShowPage = 3;
var maxResultsPost = 6;
var yzInfiniteType = 0;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. -
var yzNavMode (nilai) = mode navigasi yang ingin
digunakan. (0=default, 1=numbered, 2=infinite).
var numberedShowPage (nilai) = jumlah tombol navigasi khusus untuk mode numbered yang tampil.
var maxResultsPost (nilai) = jumlah artikel yang tampil setelah navigasi ditekan.
var yzInfiniteType (nilai) = mode infinite scroll yang ingin digunakan. (0=klik manual, 1=otomatis load, 2=klik sekali lalu otomatis)
Mengatur Navigasi Menu dan Submenu
Sama seperti template Infastio dan PDF Spot, di template Juyo 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.
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
