Fitur ini merupakan implementasi JavaScript dari plugin Mecha berjulukan Next yang berfungsi untuk memotong konten artikel menjadi beberapa bab sehingga pengunjung sanggup diajak untuk membaca konten artikel langkah demi langkah.
Integrasi Widget ke Blogger
Untuk menambahkan fitur ini di blog, pertama-tama buka editor HTML tema Anda lalu temukan isyarat yang tampak kurang lebih menyerupai ini:
<b:widget id='Blog1' type='Blog'>
Pada bab bawah isyarat tersebut, sisipkan isyarat ini:
<b:includable id='postTypeNext' var='post'> <b:if cond='data:view.isSingleItem and data:post.labels any (i => i.name in ["Next", "Steps", "How-To", "Berikutnya", "Langkah-Langkah", "Bagaimana-Cara", "type:next"])'> <b:class name='type:next'/> <script src='//dte-project.github.io/blogger/next.min.js'></script> </b:if> </b:includable>Kemudian cari isyarat ini:
<data:post.body/>
Pada setiap isyarat yang Anda temukan, sisipkan isyarat ini di bawahnya:
<b:include data='post' name='postTypeNext'/>Klik Simpan Tema. Fitur paginasi artikel kini sudah siap untuk digunakan! Yang perlu Anda lakukan berikutnya yaitu menambahkan label Langkah-Langkah atau Bagaimana-Cara atau Steps atau How-To pada artikel yang Anda inginkan.
Untuk menandai bagian-bagian yang perlu dipotong, tambahkan komentar <!-- next --> pada baris yang ingin Anda potong di dalam artikel. Pastikan Anda sedang berada pada mode HTML ketika menyunting:
<p>Halaman 1</p> <!-- next --> <p>Halaman 2</p> <!-- next --> <p>Halaman 3</p> <!-- next --> <p>Halaman 4</p> <!-- next --> <p>Dan seterusnya.</p>Jika para pembaca artikel Anda sanggup dipastikan memakai peramban dengan JavaScript yang aktif, maka akan lebih efektif bila Anda mengaktifkan fitur pramuat gambar pada plugin ini. Cara mengaktifkan fitur pramuat gambar yaitu dengan mengubah atribut src pada elemen <img> menjadi data-src sehingga gambar-gambar yang ada tidak akan dimuat sebelum potongan halaman yang berisi gambar tersebut dibuka oleh pembaca:
Sebelum
<img alt="Fitur ini merupakan implementasi JavaScript dari plugin Menambahkan Fitur Paginasi di dalam Artikel" src="path/to/image.jpg">Sesudah
<img alt="Fitur ini merupakan implementasi JavaScript dari plugin Menambahkan Fitur Paginasi di dalam Artikel" src="loading.png" data-src="path/to/image.jpg">Ganti bab yang Saya beri tanda dengan URL gambar berukuran kecil, atau bila dirasa kurang praktis, Anda sanggup menghapus atribut src pada gambar tersebut.
Pengaturan
| Opsi | Keterangan |
|---|---|
hash | Merupakan format fragmen URL untuk menandai pergantian halaman. Pola %i% pada !page=%i% akan diubah menjadi nomor halaman. |
kin | Digunakan untuk memilih banyaknya kerabat tombol angka halaman yang akan ditampilkan sebelum dan sesudah tombol angka halaman yang aktif. |
top | Jarak perhentian suplemen antara bab atas layar halaman dengan bab atas konten artikel setiap kali halaman berganti. |
text | Label-label yang dibutuhkan pada artikel. text[first] untuk menampilkan teks First, text[previous] untuk menampilkan teks Previous, text[next] untuk menampilkan teks Next, text[last] untuk menampilkan teks Last, dan text[current] untuk menampilkan teks Page 1 of 20. |
Parameter-parameter di atas sanggup Anda tambahkan sebagai parameter URL sesudah nama berkas next.min.js:
<script src="next.min.js?top=20"></script>