KaiKomik V1 Documentation

1. Script Settings

disqus_shortname: replace with your disqus name.
max_bookmark: number of bookmarkable posts.
max_slider: the number of sliders displayed.
sizeImg: post image size.

2. Slider

Series: replace with the desired label.

3. Project Update & Latest Update

10: number of posts for projects and latest updates
if you want to change the number of chapters displayed - in the edit template section: Search maxResultsPerRelatedPost on Widget HTML2 and HTML1 and replace the numbers 2 with the desired number of chapters

4. Post Series


COVER THUMBNAIL GALLERY

<div class="desc">
  <p>Kim Dokja is an ordinary office worker whose only interest is reading her favorite web novel “Three Ways to Survive the Apocalypse.” But when that novel suddenly becomes reality, she is the only person who knows how the world will end. Armed with that knowledge, Dokja uses his understanding to change the course of the story, and the world as he knows it..</p>
</div>

<div class="infotable">
  <div class="fmed">
        <b>Alternative</b>
        <span>Prespektif Pembaca Mahatahu | 전지적 독자 시점</span>
    </div>
    <div class="fmed">
        <b>Author</b>
        <span>Sing N Song</span>
    </div>
    <div class="fmed">
        <b>Artist</b>
        <span>Sleepy-C,UMI</span>
    </div>
    <div class="fmed">
        <b>Type</b>
        <span>Manhwa</span>
    </div>
    <div class="fmed">
        <b>Release</b>
        <span>2020</span>
    </div>
</div>

example of labels used in series posts

Series,Project,Action,Adventure,color,Chapter 223,Manhwa,Fantasy,Ongoing,hot,8.2,Omniscient Reader’s Viewpoint,

for labels Project, color, hot, 8.2, Chapter 223 not required.

5. Post Chapter

example of title used

Omniscient Reader’s Viewpoint Chapter 220

sample chapter post


COVER THUMBNAIL GALLERY
<script>
const ts_reader = ["URLGAMBAR","URLGAMBAR","URLGAMBAR","URLGAMBAR","URLGAMBAR"];
</script>

contoh label yang digunakan di postingan chapter

Chapter,Omniscient Reader’s Viewpoint,

6. Adding Disqus to Post Chapter


<div class='comments'>
            <button id='load_disqus_btn'>Muat Komentar</button>
                   <div id='disqus_thread'/>
<script>
//<![CDATA[
  var disqus_loaded = false; // Flag untuk mencegah pemuatan ulang

  function load_disqus() {
    if (!disqus_loaded) {
      disqus_loaded = true; // Set flag untuk mencegah pemuatan ulang
      var script = document.createElement('script');
      script.src = `https://${disqus_shortname}.disqus.com/embed.js`;
      script.setAttribute('data-timestamp', +new Date()); // Hindari cache
      script.async = true;
      document.body.appendChild(script);
    }
  }

  // Event listener untuk tombol
  document.getElementById('load_disqus_btn').addEventListener('click', function() {
    load_disqus();
    this.style.display = 'none'; // Sembunyikan tombol setelah klik
  });
//]]>
</script>
</div>

Place the code above according to the PICTURE BELOW

Blog by Pro