Ads

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.

5 komentar

Blogger Disqus
  1. Apa bisa select listnya di disable.
    Hanya sisa, next, home, prev

    Tadi kuhapus:
    nameSelectFile = 'Select Chapter';
    runChapSelect();

    tapi next, prev tidak berfungsi.

    BalasHapus
    Balasan
    1. pakai script ini <script type="text/javascript">
      //<![CDATA[
      window.onload = function() {
      var selectName = document.getElementById('chapterSelect');
      if (selectName) selectName.parentElement.remove();
      }
      //]]>
      </script>

      Hapus
    2. atau sembunyikan pakai css #ec_Select{display:none}

      Hapus
  2. kalau label nya bawaan label judul pemanggilnya seperti ini baru work



    nah kalau coba pemanggil yg di atas malah ga work

    BalasHapus
    Balasan
    1. ini kode nya tadi lupa di parse
      <b:include name='chapSelect'/>
      <b:include name='chapNextPrev'/>

      Hapus
  • Centang kotak Beri tahu saya untuk mendapatkan notifikasi via email jika ada yang membalas komentar.
  • Jika ingin menulis kode maka harus di-parse terlebih dulu (terutama Javascript dan HTML)
  • Gunakan <i> untuk menuliskan kode. Contoh:
    <i>#comments</i>
  • Gunakan <em> untuk menuliskan kode yang lebih panjang atau URL. Contoh:
    <em>#comments {margin:0; padding:10px 15px}</em>
×

Berlangganan

Dapatkan pemberitahuan melalui email setiap ada artikel baru. Gratis!