Sosial Media
0
News
    Home Blog Reportal Theme

    Reportal Documentation

    7 min read

    infastio instalasi

    Download Template Reportal versi terbaru Download


    Instalasi Template Reportal

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

    Update Versi Template

    1. Login ke Dashboard Blogger Theme
    2. Pilih Theme Restore Upload 
    3. 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.

    atur lisensi di 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

    1. var darkSystem (true/false) = menampilkan fitur tema Dark/Light atau tidak.
    2. var fontResizer (true/false) = menampilkan fitur ukuran font atau tidak.
    3. 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.
    4. var bNmax (jumlah) = berapa jumlah maksimal post di Breaking News berjalan.
    5. 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.
    6. 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.
    7. 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.
    8. var yzRp_moreText ("tulisan") = tulisan yang tampil untuk tombol di pojok kanan atas widget recent by label.
    9. 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.
    10. var middleAds (jumlah) = berapa jumlah maksimal iklan yang akan muncul di tengah-tengah artikel (bisa kurang dari angka yang ditentukan).
    11. var readMore ("tulisan") = tulisan yang akan tampil pada tombol infinite scroll.
    12. var splitNavAllTxt ("tulisan") = tulisan yang tampil pada tombol akhir fitur split post.
    13. var autoToc (true/false) = apakah Table of Content akan tampil atau disembunyikan.
    14. 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.
    15. 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.
    16. 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
    Bang, cara buat box code seperti di atas gimana ya?
    YZG
    pakai <pre><code> isi kode disini </code></pre>
    Adnan Rizki
    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.
    Kelas Belajar Youtube
    Mas Yan cara buat recent post untuk widget gimana ya

    Please comment politely, Spam comment will be moderated. Thanks

    medium banner 300x250
    medium banner 300x250
    Additional JS
    skyscraper banner 160 x 600
    skyscraper banner 160 x 600