Reportal Documentation
6 min read
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 Infastio
- 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.
Request Kode Lisensi
Template Reportal terdapat slot kode lisensi bagi yang ingin tampil ekslusif dengan tanpa adanya footer credit di Footer blog mu.
Jika tidak ingin membeli lisensi bisa diabaikan/jangan diisi apapun.
Setiap pembelian template versi Pro akan mendapatkan 2 lisensi yang bisa dipakai untuk 2 url blog yang berbeda
Purchase untuk mendapatkan kode lisensi dapat melalui Reportal Blogger Template.
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 = 4;
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 by Label bisa menggunakan kode berikut:
<div class='recent' data-item="6" data-label="Info News"></div>Dan, untuk widget Random post bisa menggunakan kode berikut:
<div class='random' data-item="4"></div>data-item merupakan jumlah artikel yang tampil
data-label adalah Label/Tags dari artikel yang ingin ditampilkan
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.
More soon..
Sampaikan keperluan dokumentasi berikutnya pada kolom komentar
Supaya bagus di SEO misal ada pembaruan artikel supaya selalu masuk SERP.