Hallo. Punya blog novel atau manga yang mana kalian harus menulis kembali satu persatu setiap update chapter dihalaman index list chapter? melelahkan bukan? kali ini kita akan membuat list chapter dengan otomatis tertulis di sebuah artikel yang telah ditentukan.
Sebelumnya saya juga telah membuat Membuat next dan prev chapter otomatis, jadi sekarang kita lanjutkan untuk melengkapi tutorial sebelumnya itu dengan Cara membuat auto update chapter novel pada blogger ini bisa kalian terapkan juga untuk blog manga ataupun anime hingga drakor, sangat mudah dengan cara kerjanya yang simple tidak membuat kalian kebingungan.
Tutorial ini ada karena saya mengalami hal yang sama dengan anda, yaitu bingung membuat list chapter novel pada artikel blogger. Sedangkan saya ingin satu artikel berisi daftar chapter dari novel yang saya post tersebut. Misalnya :
Kita asumsikan sebuah novel dengan jumlah chapter 10 telah diterbitkan atau publish di blog anda,
Lalu kalian ingin mengumpulkan ke-10 link postingan chapter tersebut dalam satu postingan. Nah, jika dilakukan secara manual juga bisa, kalian hanya harus tulis :
<a href="#LINK1" >LINK 1</a>
<a href="#LINK2" >LINK 2</a>
<a href="#LINK3" >LINK 3</a>
Namun cara ini sangat lama dan melelahkan jika harus dilakukan seperti diatas, kalian harus bulak-balik menulis link chapter baru dipost list setelah posting chapter terbaru. selain itu bagaimana jika jumlah chapternya akan ada 1000 - 2000 chapter?.
Karena itu disinilah script membuat list chapter novel didalam 1 postingan ini berguna.
Memasang Auto Update Chapter Blogger Novel, Manga, anime, dan drakor.
Script auto update chapter manga dan novel ini menggunakan fitur label blogger agar cara kerjanya berfungsi dan di tambahan dengan Jquery sebagai pemanggil chapternya, berikut ini cara pemasangannya pada blogger.
Baca : Cara Simpan Artikel Offline di Android dan Desktop
Cara pasang script auto index list chapter blogger.
- Backup dulu template yang akan kita edit untuk menghindari kesalahan.
- Masuk ke bagian edit HTML template blogger.
- Gunakan CTRL + F untuk mencari kode </head>
<!--Jquery-->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js/'/>
<!--CSS LIST CHAP POST by Kenscripts-->
.wrap-db, #list-chap-post{
list-style: none !important;
background: #090613 !important;
overflow-y: scroll;
height: 250px;
padding:10px;
}
#list-chap-post li{list-style: none !important;
border-bottom: none !important;
margin-bottom: none !important;
padding-bottom: none !important;
}
#list-chap-post li::before {
content: "📌";
color: blue;
display: inline-block;
margin-right: 0.2rem;
}
<!--Script List Chapter by Kenscripts-->
<script style='text/javascript'>
var numposts = 999;
var standardstyling = true;
function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.link(posturl) ;
if (standardstyling) document.write('<li>');
document.write(posttitle);}
if (standardstyling) document.write('</li>');
}
</script>
Baca : Memasang Recent Post Minimalis Pada Blog Blogger
Selanjutnya. kita akan memulai setting pada postingan yang akan di tampilkan pada daftar chapter.
Memasang auto list pada postingan blog.
Sebelum membuat postingan list, ada baiknya berikanlah label terlebih dahulu pada artikel chapter. Pergunakan label berbeda dari setiap judul novel atau manga, jika nama manganya naruto, bisa buat label naruto dan jika nama novelnya blabla tulis juga nama labelnya blabla, atau sesuai selera juga bisa asalkan setiap chapter dengan isi label pada script dibawah ini sama.
- Buat postingan baru.
- Copy dan pastekan kode dibawah ini, letakkan di bagian paling bawah postingan.
<div class="wrap-db">
<ul id="list-chap-post">
<script src="/feeds/posts/default/-/NAMA-LABEL?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul>
</div>
Baca : 10 Aplikasi android Edit Gambar terbaik
Tips urutan membuat list chapter pada blogger yang mudah.
- Pertama buatlah postingan index list chapter.
- Di postingan list chapter ini isi label genre dan novelnya.
- Isikan label pada postingan chapter tanpa tambahan label lainnya, contoh manga buroti dengan label buroti. Cukup tulis label buroti pada setiap chapter tanpa label genre.
- Buat lah postingan list chapter terlebih dahulu.
- Perhatikan agar list chapter tidak berantakkan, buatlah postingan chapter dengan rentang waktu minimal 2 menit, atau kalian bisa membuat postingan terjadwal.
Baca : Membuat Progress Bar Scroll Pada Blogger
Begitulah Cara membuat list chapter pada postingan blogger novel. Sekian dari saya.
Demo