Reportal Documentation

Editor: Petugas Pada June 14, 2024 5 Diskusi

Download Template Reportal versi terbaru Download

Instalasi Template Reportal

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 reportal.xml

Update Versi Template

Login ke Dashboard Blogger > Theme
Pilih Theme > Restore > Upload >
Pilih file Template reportal.xml

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

Kode Lisensi Template

Template Reportal 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 fontResizer = true;
var bookMark = true;
var bookMarkEmpty = "Bookmark empty";
var bookMarkImage = true;
var bNmax = 5; 
var newerTitle = "Next Post";
var olderTitle = "Prev Post";
var timeAgo = false; 
var linkComment = false;
var profileComment = true;
var yzRp_moreText = 'more in '; 
var autoScroll = true;
var autoScrollDelay = 5000;
var middleAds = 2;
var readMore = "Load More";
var splitNavAllTxt = "Lihat Semua";
var autoToc = true;
var midRelatedPost = true; 
var midRelatedPostNum = 2;
var midRelatedText = "Baca juga ";
var yzToday = true;
var yzDays = true;
var dayNames = ['Sunday', 'Monday', 'Tuesday', 'Rabu', 'Thursday', 'Friday', 'Saturday'];
var yzDate = true;
var monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; 
var yzClock = false;
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 fontResizer (true/false) = menampilkan fitur ukuran font atau tidak.
var bookMark (true/false) = menampilkan fitur bookmark post atau tidak.
bookMarkEmpty ("tulisan") = tulisan yang tampil jika tidak ada bookmark.
bookMarkImage (true/false) = menampilkan gambar post di bookmark atau tidak.
var bNmax (jumlah) = berapa jumlah maksimal post di Breaking News berjalan.
var newerTitle ("tulisan") = tulisan yang tampil di navigasi post untuk post lebih baru
var olderTitle ("tulisan") = tulisan yang tampil di navigasi post untuk post lebih lama.
var timeAgo (true/false) = tampilan tanggal artikel apakah berupa beberapa waktu yang lalu (sec ago, min ago, hours ago, days ago, dst) atau tanggal biasa.
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 yzRp_moreText ("tulisan") = tulisan yang tampil untuk tombol di pojok kanan atas widget recent by label.
var autoScroll (true/false) = mengatur apakah widget Popular slider otomatis scroll atau tidak.
var autoScrollDelay (nilai dalam mili detik) = menentukan berapa waktu jeda scroll otomatis di widget Slider Popular.
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 splitNavAllTxt ("tulisan") = tulisan yang tampil pada tombol akhir fitur split post.
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 yzToday (true/false) = apakah ingin menampilkan widget Hari ini atau tidak.
var yzDays (true/false) = menampilkan nama hari ini atau tidak.
var dayNames ("tulisan") = mengatur nama hari yang tampil, tulis secara berurutan ['Sunday', 'Monday', 'Tuesday', 'Rabu', 'Thursday', 'Friday', 'Saturday'].
var yzDate (true/false) = apakah ingin menampilkan tanggal atau tidak.
var monthNames ("tulisan") = mengatur nama bulan yang tampil, tulis secara berurutan ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'].
var yzClock (true/false) = apakah ingin menampilkan Jam atau tidak.
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)

Widget Sosial Media

Untuk mengatur widget sosial media bisa menggunakan kode berikut,

<ul class="social ai-c">
<li class="instagram">
<a href="#" target="_blank" aria-label="instagram icon" rel="nofollow"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 16a4 4 0 1 0 0-8a4 4 0 0 0 0 8"/><path d="M3 16V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5Z"/><path stroke-linecap="round" stroke-linejoin="round" d="m17.5 6.51l.01-.011"/></path></path></path></g></svg></a>
</li>
<li class="facebook">
<a href="#" target="_blank" aria-label="facebook icon" rel="nofollow"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M21 8v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5"/><path d="M11 21v-9c0-2.187.5-4 4-4m-6 5h6"/></path></path></g></svg></a>
</li>
<li class="tiktok">
<a href="#" target="_blank" aria-label="tiktok icon" rel="nofollow"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M21 8v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5"/><path d="M10 12a3 3 0 1 0 3 3V6c.333 1 1.6 3 4 3"/></path></path></g></svg></a>
</li>
<li class="youtube">
<a href="#" target="_blank" aria-label="youtube icon" rel="nofollow"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path fill="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m14 12l-3.5 2v-4z"/><path d="M2 12.708v-1.416c0-2.895 0-4.343.905-5.274c.906-.932 2.332-.972 5.183-1.053C9.438 4.927 10.818 4.9 12 4.9s2.561.027 3.912.065c2.851.081 4.277.121 5.182 1.053S22 8.398 22 11.292v1.415c0 2.896 0 4.343-.905 5.275c-.906.931-2.331.972-5.183 1.052c-1.35.039-2.73.066-3.912.066s-2.561-.027-3.912-.066c-2.851-.08-4.277-.12-5.183-1.052S2 15.602 2 12.708Z"/></path></path></g></svg></a>
</li>
</ul>

Ganti tanda # dengan url sosialmedia mu.

Widget Recent Artikel dan Random Artikel

Untuk menampilkan widget Recent post saja bisa menggunakan kode berikut:

<div class='recent' data-style="list" data-item="6"></div>

Untuk menampilkan widget Recent by Label bisa menggunakan kode berikut:

<div class='recent' data-style="big" data-item="6" data-label="Info News"></div>

Dan, untuk widget Random post bisa menggunakan kode berikut:

<div class='random' data-style="grid" data-item="4"></div>

data-item merupakan jumlah artikel yang tampil

data-label adalah Label/Tags dari artikel yang ingin ditampilkan

data-style adalah jenis layoutnya, bisa pilih list/grid/big.

Mengatur Navigasi Menu dan Submenu

Sama seperti template Infastio dan PDF Spot, di template Reportal 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

More soon..

Sampaikan keperluan dokumentasi berikutnya pada kolom komentar

5 comments

Arthur June 21, 2024 at 6:46 AM

Bang, cara buat box code seperti di atas gimana ya?

Show all Show less

YZG June 29, 2024 at 10:45 AM

pakai <pre><code> isi kode disini </code></pre>

Adnan Rizki July 19, 2024 at 6:26 AM

Bang mau tanya, kalau media keluarga KLY kan mereka punya date publish sama date edit (dua date), template ini bisa digituin juga gak?

Supaya bagus di SEO misal ada pembaruan artikel supaya selalu masuk SERP.