Next Prev Otomatis plus Select List

Pada kesempatan kali ini, saya akan membagikan cara membuat Next Prev Otomatis yang ada di dalam template reContempo Manga Version.

Next Prev ini berfungsi untuk blog Novel, Manga dan Streaming. Bukan hanya Next Prev saja tapi Select List juga ada.

Select List berfungsi berfungsi bagi pembaca yang suka skip-skip Chapter, jadi tinggal pilih mau Chapter berapa. Langsung saja cek cara nya di bawah.

Next Prev Otomatis plus Select List
Dagruel

Cara Membuat Next Prev Otomatis by Label

Sebelum membuat pastikan kalian backup tema kalian dulu, agar hal yang tidak di inginkan tidak terjadi.

Jika sudah mari lanjut, Pertama buka Blogger > Tema > Edit Html cari tag berikut <b:widget id='Blog1', tampilan nya seperti di bawah.

<b:widget id='Blog1' locked='true' title='Postingan Blog' type='Blog' version='2' visible='true'>
  <b:widget-settings>

  </b:widget-settings>
  <b:includable id='main'></b:includable>
  Tempel Disini
</b:widget>

Tempelkan HTML berikut di bawah tag <b:includable id='main'></b:includable>

<b:includable id='chapSelect'>
  <div id='ec_Select'>
    <b:if cond='data:post.labels'>
      <b:loop index='i' values='data:post.labels' var='label'>
        <b:if cond='data:label.name not in ["Label1", "Label2", "Label3", "Label4"]'>
          <script>
            var outputDiv = 'ec_Select',
              label = '<data:label.name/>',
              sortby = 'date',
              nextPrevlink = '<data:post.url.canonical/>',
              nameSelectFile = 'Select Chapter';
            runChapSelect();
          </script>
        </b:if>
      </b:loop>
    </b:if>
  </div>
</b:includable>
<b:includable id='chapNextPrev'>
  <div id='sS_ecFile'>
    <div class='nextPrev'>
      <div id='ecPrev'>
        <a href='' title=''>
          <svg viewBox="0 0 24 24">
            <path fill="currentColor" d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z" />
          </svg>Prev
        </a>
      </div>
      <div id='ecHome'>
        <a href='' title='All Chapter'>
          <svg style="width:24px;height:24px" viewBox="0 0 24 24">
            <path fill="currentColor" d="M12 5.69L17 10.19V18H15V12H9V18H7V10.19L12 5.69M12 3L2 12H5V20H11V14H13V20H19V12H22L12 3Z" />
          </svg>
        </a>
      </div>
      <div id='ecNext'>
        <a href='' title=''>Next
          <svg viewBox="0 0 24 24">
            <path fill="currentColor" d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" />
          </svg>
        </a>
      </div>
    </div>
  </div>
</b:includable>
Lihat bagian yang ditandai begini keterangan nya
  • Label1 dst ganti dengan label yang di kecualikan misal Novel, Manga, Anime.
  • <data:label.name/> misal dari post berlabel Novel, Inuyasha. yang tampil nanti Inuyasha karena sudah di kecualikan.
  • <data:post.url.canonical/> url postingan berfungsi untuk tombol next prev
  • Select Chapter Nama Select Chapter, Bisa di ganti dengan Select Episode.

Selanjutnya pasang code berikut di antara kode <data:post.body/>.

<b:include cond='data:post.labels any ( l =&gt; l.name in ["Novel", "Anime", "Manga"] )' name='chapSelect'/>
<data:post.body/>
<b:include cond='data:post.labels any ( l =&gt; l.name in ["Novel", "Anime", "Manga"] )' name='chapNextPrev'/>
Lihat Tulisan "Novel", "Anime", "Manga". itu menunjukkan bahwa tombol next prev dan select hanya tampil dalam post berlabel tersebut.

Jika sudah, kemudian pasang script nya di atas kode </head>.

<script type='text/javascript'>
  //<![CDATA[
  eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('1Q W=["\\K\\N\\g\\w\\c\\h\\a\\E\\a\\u\\a\\B\\a\\x\\a\\G\\a\\i\\h\\m\\h\\a\\u\\a\\B\\a\\j\\a\\l\\a\\i\\a\\j\\a\\e\\X\\a\\q\\a\\j\\a\\R\\a\\j\\a\\r\\a\\i\\h\\m\\h\\a\\E\\a\\B\\a\\u\\h\\m\\h\\a\\12\\a\\V\\a\\j\\a\\j\\a\\J\\a\\E\\a\\12\\a\\G\\a\\y\\a\\E\\a\\i\\a\\E\\a\\12\\a\\J\\a\\j\\a\\V\\a\\l\\a\\H\\a\\q\\a\\i\\a\\12\\a\\e\\B\\a\\12\\h\\m\\h\\a\\e\\1d\\a\\l\\a\\q\\a\\i\\a\\D\\a\\e\\j\\a\\E\\a\\y\\a\\r\\a\\15\\a\\u\\a\\l\\a\\q\\a\\q\\a\\e\\A\\a\\l\\a\\u\\a\\e\\D\\a\\D\\a\\u\\a\\F\\a\\l\\a\\G\\a\\1g\\a\\j\\a\\q\\a\\j\\a\\u\\a\\i\\a\\15\\a\\E\\a\\i\\a\\l\\a\\B\\a\\i\\a\\e\\B\\a\\x\\a\\r\\a\\J\\a\\j\\a\\10\\a\\D\\h\\m\\h\\a\\15\\a\\R\\a\\l\\a\\10\\a\\e\\B\\a\\B\\a\\j\\a\\E\\a\\H\\a\\q\\a\\i\\a\\E\\a\\D\\h\\m\\h\\a\\l\\a\\G\\a\\G\\a\\j\\a\\r\\a\\J\\a\\e\\1p\\a\\F\\a\\x\\a\\q\\a\\J\\h\\m\\h\\a\\e\\A\\a\\y\\a\\J\\a\\1d\\h\\m\\h\\a\\e\\i\\a\\j\\a\\i\\a\\e\\X\\a\\q\\a\\j\\a\\R\\a\\j\\a\\r\\a\\i\\a\\k\\E\\a\\1d\\a\\e\\y\\a\\J\\h\\m\\h\\a\\x\\a\\r\\a\\r\\a\\j\\a\\B\\a\\e\\G\\a\\e\\1n\\a\\k\\g\\a\\e\\1u\\h\\m\\h\\h\\m\\h\\a\\V\\a\\j\\a\\j\\a\\J\\h\\m\\h\\a\\q\\a\\j\\a\\r\\a\\e\\i\\a\\i\\a\\F\\h\\m\\h\\a\\j\\a\\r\\a\\i\\a\\B\\a\\1d\\h\\m\\h\\a\\k\\i\\a\\i\\h\\m\\h\\a\\i\\a\\x\\a\\i\\a\\q\\a\\j\\h\\m\\h\\a\\q\\a\\x\\a\\r\\a\\e\\D\\h\\m\\h\\a\\B\\a\\j\\a\\q\\h\\m\\h\\a\\l\\a\\q\\a\\i\\a\\j\\a\\B\\a\\r\\a\\l\\a\\i\\a\\j\\h\\m\\h\\a\\F\\a\\B\\a\\j\\a\\V\\h\\m\\h\\a\\G\\a\\H\\a\\E\\a\\F\\h\\m\\h\\a\\e\\j\\a\\H\\a\\J\\a\\H\\a\\q\\h\\m\\h\\a\\E\\a\\y\\a\\B\\a\\i\\h\\m\\h\\a\\1e\\a\\y\\a\\G\\a\\i\\a\\x\\a\\y\\a\\r\\a\\A\\a\\S\\a\\l\\a\\q\\a\\H\\a\\j\\a\\D\\a\\X\\h\\m\\h\\a\\H\\a\\B\\a\\q\\h\\m\\h\\a\\X\\a\\1f\\h\\m\\h\\a\\1e\\a\\12\\a\\y\\a\\G\\a\\i\\a\\x\\a\\y\\a\\r\\a\\1f\\h\\m\\h\\a\\1e\\a\\E\\a\\j\\a\\q\\a\\j\\a\\u\\a\\i\\a\\A\\a\\r\\a\\l\\a\\R\\a\\j\\a\\D\\a\\X\\a\\u\\a\\F\\a\\l\\a\\G\\a\\i\\a\\j\\a\\B\\a\\1g\\a\\j\\a\\q\\a\\j\\a\\u\\a\\i\\a\\X\\a\\A\\a\\x\\a\\J\\a\\D\\a\\X\\a\\u\\a\\F\\a\\l\\a\\G\\a\\i\\a\\j\\a\\B\\a\\1g\\a\\j\\a\\q\\a\\j\\a\\u\\a\\i\\a\\X\\a\\A\\a\\y\\a\\r\\a\\u\\a\\F\\a\\l\\a\\r\\a\\e\\i\\a\\j\\a\\D\\a\\X\\a\\i\\a\\F\\a\\x\\a\\E\\a\\Y\\a\\y\\a\\G\\a\\i\\a\\x\\a\\y\\a\\r\\a\\E\\a\\1w\\a\\i\\a\\F\\a\\x\\a\\E\\a\\Y\\a\\E\\a\\j\\a\\q\\a\\j\\a\\u\\a\\i\\a\\j\\a\\J\\a\\e\\y\\a\\r\\a\\J\\a\\j\\a\\10\\a\\16\\a\\Y\\a\\S\\a\\l\\a\\q\\a\\H\\a\\j\\a\\15\\a\\l\\a\\R\\a\\G\\a\\1p\\a\\15\\a\\l\\a\\R\\a\\G\\a\\1p\\a\\e\\S\\a\\x\\a\\r\\a\\J\\a\\y\\a\\e\\S\\a\\Y\\a\\y\\a\\G\\a\\j\\a\\r\\a\\k\\B\\a\\i\\a\\F\\a\\x\\a\\E\\a\\Y\\a\\y\\a\\G\\a\\i\\a\\x\\a\\y\\a\\r\\a\\E\\a\\1w\\a\\i\\a\\F\\a\\x\\a\\E\\a\\Y\\a\\E\\a\\j\\a\\q\\a\\j\\a\\u\\a\\i\\a\\j\\a\\J\\a\\e\\y\\a\\r\\a\\J\\a\\j\\a\\10\\a\\16\\a\\Y\\a\\S\\a\\l\\a\\q\\a\\H\\a\\j\\a\\e\\1e\\a\\15\\a\\14\\a\\e\\F\\a\\e\\J\\a\\e\\K\\a\\1p\\a\\e\\1l\\a\\E\\a\\j\\a\\q\\a\\V\\a\\15\\a\\14\\a\\e\\F\\a\\e\\J\\a\\e\\K\\a\\1p\\a\\e\\16\\a\\X\\a\\1f\\a\\1e\\a\\y\\a\\G\\a\\i\\a\\x\\a\\y\\a\\r\\a\\A\\a\\S\\a\\l\\a\\q\\a\\H\\a\\j\\a\\1f\\h\\m\\h\\a\\1e\\a\\12\\a\\E\\a\\j\\a\\q\\a\\j\\a\\u\\a\\i\\a\\1f\\h\\m\\h\\a\\S\\a\\l\\a\\q\\a\\H\\a\\j\\h\\m\\h\\a\\l\\a\\i\\a\\i\\a\\B\\h\\m\\h\\a\\G\\a\\B\\a\\j\\a\\S\\h\\m\\h\\a\\14\\a\\u\\a\\F\\a\\l\\a\\G\\a\\i\\a\\j\\a\\B\\a\\1g\\a\\j\\a\\q\\a\\j\\a\\u\\a\\i\\a\\A\\a\\y\\a\\G\\a\\i\\a\\x\\a\\y\\a\\r\\a\\1w\\a\\S\\a\\l\\a\\q\\a\\H\\a\\j\\a\\D\\a\\X\\h\\m\\h\\a\\X\\a\\16\\h\\m\\h\\a\\F\\a\\i\\a\\R\\a\\q\\h\\m\\h\\a\\r\\a\\j\\a\\10\\a\\i\\h\\m\\h\\a\\q\\a\\l\\a\\E\\a\\i\\h\\m\\h\\a\\14\\a\\u\\a\\F\\a\\l\\a\\G\\a\\i\\a\\j\\a\\B\\a\\1g\\a\\j\\a\\q\\a\\j\\a\\u\\a\\i\\a\\A\\a\\y\\a\\G\\a\\i\\a\\x\\a\\y\\a\\r\\h\\m\\h\\a\\14\\a\\j\\a\\u\\a\\e\\H\\a\\B\\a\\j\\a\\S\\a\\A\\a\\l\\h\\m\\h\\a\\14\\a\\j\\a\\u\\a\\e\\1k\\a\\j\\a\\10\\a\\i\\a\\A\\a\\l\\h\\m\\h\\a\\14\\a\\j\\a\\u\\a\\e\\G\\a\\y\\a\\R\\a\\j\\a\\A\\a\\l\\h\\m\\h\\a\\B\\a\\j\\a\\R\\a\\y\\a\\S\\a\\j\\h\\m\\h\\a\\G\\a\\l\\a\\B\\a\\j\\a\\r\\a\\i\\h\\m\\h\\a\\Y\\a\\r\\a\\j\\a\\10\\a\\i\\a\\e\\H\\a\\B\\a\\j\\a\\S\\a\\A\\a\\l\\a\\1w\\a\\F\\a\\B\\a\\j\\a\\V\\a\\D\\a\\X\\a\\X\\a\\16\\h\\m\\h\\a\\B\\a\\j\\a\\l\\a\\J\\a\\1d\\h\\d\\C\\K\\N\\e\\g\\w\\e\\m\\1r\\w\\k\\y\\m\\1l\\w\\e\\1s\\N\\e\\1q\\n\\o\\C\\1v\\N\\e\\1c\\n\\o\\O\\K\\N\\e\\r\\w\\1q\\c\\g\\c\\e\\d\\d\\n\\g\\c\\s\\d\\o\\C\\e\\r\\c\\g\\c\\k\\d\\d\\w\\g\\c\\v\\d\\z\\k\\j\\z\\g\\c\\I\\d\\z\\e\\g\\z\\g\\c\\M\\d\\z\\1r\\C\\1q\\c\\g\\c\\t\\d\\d\\c\\g\\c\\p\\d\\d\\n\\e\\r\\o\\P\\1v\\N\\k\\l\\n\\e\\x\\o\\O\\K\\N\\1n\\w\\1q\\c\\g\\c\\18\\d\\d\\n\\e\\1g\\o\\C\\T\\n\\1H\\1n\\o\\O\\e\\Y\\P\\C\\1n\\c\\g\\c\\U\\d\\d\\w\\g\\c\\e\\s\\d\\C\\K\\N\\1c\\w\\e\\x\\c\\g\\c\\e\\e\\d\\d\\C\\T\\n\\1c\\c\\g\\c\\e\\v\\d\\d\\c\\g\\c\\e\\k\\d\\d\\1t\\s\\o\\O\\e\\E\\n\\K\\N\\1m\\w\\s\\C\\1m\\1C\\1c\\c\\g\\c\\e\\v\\d\\d\\c\\g\\c\\e\\k\\d\\d\\C\\1m\\z\\z\\o\\O\\K\\N\\1b\\w\\1c\\c\\g\\c\\e\\v\\d\\d\\c\\1m\\d\\C\\K\\N\\1j\\w\\1b\\c\\g\\c\\e\\M\\d\\d\\c\\g\\c\\e\\I\\d\\d\\C\\e\\E\\n\\K\\N\\13\\w\\s\\C\\13\\1C\\1b\\c\\g\\c\\e\\p\\d\\d\\c\\g\\c\\e\\k\\d\\d\\C\\13\\z\\z\\o\\O\\T\\n\\1b\\c\\g\\c\\e\\p\\d\\d\\c\\13\\d\\c\\g\\c\\e\\t\\d\\d\\w\\w\\g\\c\\e\\18\\d\\o\\O\\K\\N\\1k\\w\\1b\\c\\g\\c\\e\\p\\d\\d\\c\\13\\d\\c\\g\\c\\e\\U\\d\\d\\C\\T\\n\\1k\\1h\\1h\\1k\\c\\g\\c\\e\\k\\d\\d\\1t\\s\\1h\\1h\\1j\\1h\\1h\\1j\\c\\g\\c\\e\\k\\d\\d\\1t\\s\\o\\O\\1l\\c\\g\\c\\k\\s\\d\\d\\n\\O\\h\\a\\H\\a\\B\\a\\q\\h\\1a\\1k\\m\\h\\a\\e\\j\\a\\H\\a\\J\\a\\H\\a\\q\\h\\1a\\1j\\P\\o\\P\\C\\k\\u\\P\\P\\P\\C\\T\\n\\1c\\c\\g\\c\\e\\v\\d\\d\\c\\g\\c\\e\\k\\d\\d\\1t\\w\\1r\\o\\O\\e\\g\\z\\w\\1r\\C\\e\\1c\\n\\o\\P\\k\\q\\O\\K\\N\\e\\q\\w\\g\\c\\e\\s\\d\\m\\17\\C\\K\\N\\17\\w\\n\\k\\r\\w\\w\\w\\g\\c\\e\\M\\d\\1F\\1l\\c\\g\\c\\k\\k\\d\\d\\n\\1v\\n\\17\\m\\e\\17\\o\\O\\e\\Y\\N\\17\\c\\g\\c\\k\\e\\d\\d\\1t\\e\\17\\c\\g\\c\\k\\e\\d\\d\\1F\\e\\1a\\1I\\e\\P\\o\\1a\\1l\\o\\C\\e\\E\\n\\K\\N\\Z\\w\\s\\C\\Z\\1C\\17\\c\\g\\c\\e\\k\\d\\d\\C\\Z\\z\\z\\o\\O\\e\\q\\z\\w\\g\\c\\k\\v\\d\\z\\17\\c\\Z\\d\\c\\g\\c\\k\\I\\d\\d\\z\\g\\c\\k\\M\\d\\z\\17\\c\\Z\\d\\c\\g\\c\\k\\e\\d\\d\\z\\g\\c\\k\\p\\d\\P\\C\\1n\\c\\g\\c\\U\\d\\d\\w\\g\\c\\k\\t\\d\\z\\e\\1j\\z\\g\\c\\k\\p\\d\\z\\e\\q\\z\\g\\c\\k\\18\\d\\C\\K\\N\\e\\R\\w\\11\\n\\g\\c\\1o\\d\\z\\1u\\z\\g\\c\\1s\\d\\o\\c\\g\\c\\e\\12\\d\\d\\n\\o\\c\\g\\c\\f\\d\\d\\n\\g\\c\\k\\U\\d\\o\\m\\e\\f\\w\\11\\n\\g\\c\\1o\\d\\z\\1u\\z\\g\\c\\1s\\d\\o\\c\\g\\c\\e\\12\\d\\d\\n\\o\\c\\g\\c\\e\\10\\d\\d\\n\\o\\m\\e\\T\\w\\11\\n\\g\\c\\1o\\d\\z\\1u\\z\\g\\c\\1s\\d\\o\\c\\g\\c\\e\\14\\d\\d\\n\\o\\c\\g\\c\\f\\d\\d\\n\\g\\c\\k\\U\\d\\o\\m\\e\\13\\w\\11\\n\\g\\c\\1o\\d\\z\\1u\\z\\g\\c\\1s\\d\\o\\c\\g\\c\\e\\14\\d\\d\\n\\o\\c\\g\\c\\e\\10\\d\\d\\n\\o\\m\\e\\l\\w\\11\\n\\g\\c\\e\\1v\\d\\o\\c\\g\\c\\e\\1r\\d\\d\\n\\o\\c\\g\\c\\f\\d\\d\\n\\g\\c\\k\\U\\d\\o\\C\\11\\n\\1q\\o\\c\\g\\c\\e\\1w\\d\\d\\n\\1v\\n\\o\\O\\11\\n\\g\\c\\e\\u\\d\\o\\c\\g\\c\\f\\d\\d\\n\\O\\e\\V\\1a\\e\\T\\m\\e\\15\\1a\\e\\13\\P\\o\\C\\11\\n\\g\\c\\e\\1f\\d\\o\\c\\g\\c\\f\\d\\d\\n\\O\\e\\V\\1a\\e\\R\\m\\e\\15\\1a\\e\\f\\P\\o\\C\\11\\n\\g\\c\\e\\1o\\d\\o\\c\\g\\c\\f\\d\\d\\n\\g\\c\\e\\U\\d\\m\\e\\l\\o\\C\\11\\n\\g\\c\\e\\1m\\d\\o\\c\\g\\c\\e\\1b\\d\\d\\n\\o\\c\\g\\c\\e\\Z\\d\\d\\n\\o\\C\\T\\n\\11\\n\\g\\c\\e\\u\\d\\o\\c\\g\\c\\f\\d\\d\\n\\g\\c\\e\\U\\d\\o\\w\\w\\e\\l\\o\\O\\11\\n\\g\\c\\e\\u\\d\\o\\c\\g\\c\\e\\1b\\d\\d\\n\\o\\c\\g\\c\\e\\Z\\d\\d\\n\\o\\P\\P\\o\\P\\P\\P","\\b","\\S\\K\\x\\u\\D","\\b\\b\\b\\b\\b\\b\\b\\b\\b\\b\\L\\s\\f\\i\\M\\k\\v\\b\\f\\p\\M\\b\\f\\t\\I\\b\\f\\p\\T\\b\\f\\p\\e\\b\\f\\p\\13\\b\\f\\t\\k\\b\\f\\p\\Z\\b\\f\\p\\v\\b\\f\\t\\v\\b\\f\\t\\s\\b\\f\\p\\U\\b\\f\\p\\I\\b\\f\\p\\18\\b\\f\\t\\M\\b\\Y\\g\\A\\b\\f\\k\\k\\b\\f\\k\\s\\b\\f\\t\\p\\b\\f\\v\\V\\b\\f\\p\\V\\b\\f\\k\\13\\b\\f\\k\\v\\b\\v\\s\\b\\f\\k\\p\\b\\L\\s\\f\\t\\p\\i\\k\\f\\e\\s\\b\\f\\t\\18\\b\\f\\k\\Z\\b\\u\\r\\b\\f\\p\\p\\b\\L\\s\\f\\t\\p\\i\\k\\f\\q\\b\\L\\s\\f\\t\\p\\i\\k\\f\\e\\k\\b\\L\\s\\f\\t\\p\\i\\k\\f\\U\\b\\L\\s\\f\\t\\p\\i\\k\\f\\j\\b\\f\\v\\13\\b\\f\\v\\T\\b\\f\\M\\v\\b\\i\\y\\g\\K\\16\\l\\x\\l\\i\\D\\10\\A\\A\\b\\f\\v\\12\\b\\r\\R\\F\\i\\D\\u\\H\\F\\b\\L\\s\\f\\t\\p\\i\\k\\f\\l\\b\\f\\t\\U\\b\\L\\s\\f\\t\\p\\i\\k\\f\\i\\b\\f\\M\\12\\b\\f\\M\\V\\b\\J\\g\\f\\b\\L\\s\\f\\t\\p\\i\\k\\f\\g\\b\\L\\s\\f\\t\\p\\i\\k\\f\\18\\b\\v\\k\\b\\v\\v\\b\\q\\H\\i\\R\\J\\l\\F\\D\\b\\F\\l\\f\\D\\1d\\A\\l\\Y\\x\\u\\F\\G\\b\\b\\b\\b\\b\\b\\b\\b\\b\\b\\b\\S\\D\\g\\A\\D\\b\\f\\p\\10\\b\\f\\p\\t\\b\\L\\s\\f\\t\\p\\i\\k\\f\\r\\b\\L\\s\\f\\t\\p\\i\\k\\f\\e\\t\\b\\L\\s\\f\\t\\p\\i\\k\\f\\M\\b\\f\\k\\V\\b\\f\\I\\U\\b\\v\\18\\b\\r\\H\\A\\b\\f\\I\\18\\b\\L\\s\\f\\t\\p\\i\\k\\f\\t\\b\\f\\v\\v\\b\\f\\v\\s\\b\\f\\M\\s\\b\\f\\v\\U\\b\\f\\I\\M\\b\\f\\p\\k\\b\\f\\t\\t\\b\\f\\p\\12\\b\\L\\s\\f\\t\\p\\i\\k\\f\\e\\v\\b\\A\\l\\D\\R\\A\\F\\b\\v\\M\\b\\L\\s\\f\\t\\p\\i\\k\\f\\e\\I\\b\\D\\u\\D\\x\\l\\b\\L\\s\\f\\t\\p\\i\\k\\f\\e\\e\\b\\v\\I\\b\\v\\e\\b\\L\\s\\f\\t\\p\\i\\k\\f\\e\\M\\b\\y\\A\\l\\r\\b\\L\\s\\f\\t\\p\\i\\k\\f\\e\\p\\b\\I\\e\\b\\A\\R\\F\\T\\y\\g\\K\\16\\l\\x\\l\\i\\D\\b\\I\\k\\b\\v\\U\\b\\f\\k\\T\\b\\H\\R\\D\\K\\R\\D\\V\\u\\Y\\b\\f\\M\\Z\\b\\f\\I\\v\\b\\v\\t\\b\\f\\I\\13\\b\\f\\v\\Z\\b\\F\\g\\J\\l\\16\\l\\x\\l\\i\\D\\Z\\u\\x\\l\\b\\I\\I\\b\\f\\k\\U\\b\\v\\p\\b\\I\\v\\b\\f\\M\\I\\b\\I\\s\\b\\F\\l\\14\\b\\10\\A\\A\\g\\15\\b\\f\\I\\T\\b\\b\\b\\b\\b\\b\\b\\b\\b\\b\\b\\f\\I\\V\\b\\x\\g\\j\\l\\x\\b\\f\\k\\I\\b\\l\\x\\S\\l\\b\\i\\y\\g\\K\\16\\l\\x\\l\\i\\D\\b\\S\\H\\A\\D\\j\\15\\b\\f\\k\\18\\b\\e\\M\\s\\b\\j\\A\\l\\g\\G\\b\\f\\I\\k","","\\r\\A\\H\\J\\T\\y\\g\\A\\T\\H\\q\\l","\\A\\l\\K\\x\\g\\i\\l","\\a\\14\\z","\\a\\j","\\B"];1R(1x(1z,1y,Q,1i,19,1B){19=1x(Q){1A(Q<1y?W[4]:19(1S(Q/1y)))+((Q=Q%1y)>1P?1E[W[5]](Q+1T):Q.1L(1K))};1D(!W[4][W[6]](/^/,1E)){1G(Q--){1B[19(Q)]=1i[Q]||19(Q)};1i=[1x(19){1A 1B[19]}];19=1x(){1A W[7]};Q=1};1G(Q--){1D(1i[Q]){1z=1z[W[6]](1J 1O(W[8]+19(Q)+W[8],W[9]),1i[Q])}};1A 1z}(W[0],1M,1N,W[3][W[2]](W[1]),0,{}))',62,118,'||||||||||x5C|x7C|x5B|x5D|x31|x78|x61|x22|x63|x62|x32|x65|x2C|x28|x29|x36|x64|x66|x30|x37|x69|x33|x3D|x6C|x68|x2B|x72|x67|x3B|x74|x6A|x6E|x6B|x6F|x34|x6D|x70|x5F|x35|x20|x7B|x7D|_0xc63ex3|x75|x73|x43|x39|x44|_0x703c|x71|x76|x46|x41|x24|x42|x45|x77|x79|x53|x7A|x38|_0xc63ex5|x3A|x48|x47|x50|x4A|x49|x4B|x26|_0xc63ex4|x51|x4F|x4C|x55|x56|x57|x4D|x59|x54|x58|x3E|x5A|x4E|x52|function|_0xc63ex2|_0xc63ex1|return|_0xc63ex6|x3C|if|String|x3F|while|x21|x2D|new|36|toString|62|144|RegExp|35|var|eval|parseInt|29'.split('|'),0,{}))
  //]]>
</script>

Dan untuk memepercantik nya bisa gunakan css berikut.

#ecHome a{padding:5px 10px}.nextPrev>div a{background:#a20a0a;color:#fff;text-decoration:none;font-size:15px}#sS_ecFile{margin-top:20px}.nextPrev{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}#ecPrev a{padding:5px 10px 5px 0}#ecNext a{padding:5px 0 5px 10px}.nextPrev svg{display:inline-block;vertical-align:middle;width:24px;height:24px}.nextPrev svg path{fill:#fff}#chapterSelect{padding:7px;color:#333;background:#fff;width:100%;border:1px solid #ddd}

Kemudian simpan template. dan lihat hasilnya. apakah berhasil jika gagal bisa gunakan cara di bawah. Cara ini manual memasukkan kedalam postingan.

kalian hanya perlu memasang script dan css di atas saja kedalam template. tidak perlu bagian html. Karena di ganti dengan yang di bawah.

<div id='ec_Select'>
  <script>
    var outputDiv = 'ec_Select',
      label = 'NamaLabel',
      sortby = 'date',
      nextPrevlink = 'Url Postingan',
      nameSelectFile = 'Select Chapter';
    runChapSelect();
  </script>
</div>
<div id='sS_ecFile'>
  <div class='nextPrev'>
    <div id='ecPrev'>
      <a href='' title=''>
        <svg viewBox="0 0 24 24">
          <path fill="currentColor" d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z" />
        </svg>Prev
      </a>
    </div>
    <div id='ecHome'>
      <a href='' title='All Chapter'>
        <svg style="width:24px;height:24px" viewBox="0 0 24 24">
          <path fill="currentColor" d="M12 5.69L17 10.19V18H15V12H9V18H7V10.19L12 5.69M12 3L2 12H5V20H11V14H13V20H19V12H22L12 3Z" />
        </svg>
      </a>
    </div>
    <div id='ecNext'>
      <a href='' title=''>Next
        <svg viewBox="0 0 24 24">
          <path fill="currentColor" d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" />
        </svg>
      </a>
    </div>
  </div>
</div>
Keterangan masih sam dengan yang di atas jadi sesuaikan saja.

Sekian dari saya terima kasih.

Comments