03 Menambah fitur next dan back chapter secara otomatis sesuai komik

Dalam sebuah web baca komik atau manga kita sudah tak asing lagi dengan sebuah fitur next chapter dan back chapter. adanya fitur ini sangat penting agar memudahkan pembaca agar melanjtkan bacaan kokim nya secara otomatis sesuai judul komik tersebut tapi tidak semua template blogger sudah di setting untuk next post berdasarkal label. Oh ya untuk menggunakan fitur nya ada perlunya memahami struktur nya. fitur ini berfungsi next post berdasarkan label. Maka dari itu untuk blog baca manga ini harus memakai judul manga nya sesuai label. Sedangkan dari sisi fitur ini masih ada kekurangannya yaitu akan menimbulkan bug bila postingan tersebut memakai dua label tapi jika postingan tak memakai label secara otomatis fitur ini tak akan muncul

Kode CSS

code here

Tahap pertama

Langkah awal sudah pasti edit html. Setelah menuju editor nya cari kode </head> lalu pastekan di atas nya. dan berikut ini kode awalnya. sebelum itu pastikan jqueynya sudah punya. Berhubung trik ini pakai template mangatuh yang sudah ada jquerynya kita tinggal pastekan link css nya saja diatas kode </head> dan ini kode nya

See the Pen <a href='https://codepen.io/postkomik/pen/rNLbYre'>link css</a> by Postkomik (<a href='https://codepen.io/postkomik'>@postkomik</a>) on <a href='https://codepen.io'>CodePen</a>.

Tahap kedua

cari kode <style> lalu membuat kode baru
copy kan saja kode nya sebagai berikut bebas dimana saja

See the Pen <a href='https://codepen.io/postkomik/pen/dyXLZmV'>css next chapter</a> by Postkomik (<a href='https://codepen.io/postkomik'>@postkomik</a>) on <a href='https://codepen.io'>CodePen</a>.

Setelah itu kamu cari kode <b:includable id='post' var='post'> nah jika sudah ketemu tambahkan kode nya diatas nya oke

See the Pen <a href='https://codepen.io/postkomik/pen/jOrRaxg'>hmtl next chapter</a> by Postkomik (<a href='https://codepen.io/postkomik'>@postkomik</a>) on <a href='https://codepen.io'>CodePen</a>.

selanjutnya bagian akhir cari kode <data:post.body/> jika sudah paste kan di bawah nya

<b:include data='{name : "Novel"}' name='pager_chapter'/>

alwi

Apa tujuanmu datang ke blog ini ?

1 Response to "03 Menambah fitur next dan back chapter secara otomatis sesuai komik"

NIACHANMarch 7, 2022 at 7:09 PM
halo ka kenapa pas bagian masukin

muncul pemberitahuan seperti ini

The widget with id "Blog1" contains at least two b:includable elements with the same id: "pager_chapter". All b:includable elements should have a unique id for a given widget.