olNGIb4NkK5r2x7x4oG3GpEzizVpnY6KNCck9cym

Fitur Split Post Untuk Membagi Postingan Menjadi Beberapa Halaman

Fitur Split Post Untuk Membagi Postingan Menjadi Beberapa Halaman
Source: jagodesain.com

Cara lain yang bisa anda pakai untuk membagi artikel Anda adalah dengan menggunakan Split post. Sama seperti fitur pada wordpress, blog blog besar seperti tribun dan sebagainya juga menggunakan fitur ini

Manfaat menggunakan split post adalah pageview artikel menjadi lebih tinggi, tayangan iklan adsen juga semakin banyak. Kekurangan dari fitur ini adalah tidak bisa digunakan pada Blog AMP, serta kode javascript yang menggunakan document.write() yang tidak direkomendasikan oleh google Pagespeed dan Lighthouse. kekurangan lainnya adalah fitur ini tidak menyediakan tombol all-page seperti pada wordpress jadi user tidak bisa membaca artikel langsung secara utuh

Jika artikel yang Anda buat terlalu panjang, ada baiknya anda menggunakan fitur ini untuk membaginya tanpa harus membuat artikel lanjutan(part 2) nya.

Cara Kerja

Jika sebelum nya membagi artikel dengan fungsi tabs, maka kali ini dengan tombol navigasi bernomor bergantung pada banyaknya pembagian halaman yang Anda buat. Visitor bisa memilih untuk melompat kehalaman berapapun yang dia inginkan hanya saja tidak ada tombol 'All pages' yang berfungsi memuat satu artikel panjang secara utuh.

Contoh kode untuk split postnya seperti ini:

<div id='post-split'>

<!-- Isi artikel Anda disini -- >

</div>

Untuk membagi artikelnya tambahkan kode <!--nextpage--> dibagian yang ingin anda bisa, pembagian artikel tidak terbatas bisa menjadi 3 halaman atau lebih bergantung banyaknya kode <!--nextpage--> yang Anda masukkan

Tutorial dan Preview

Sebagai contoh Anda ingin membagi artikel menjadi 3 halaman, maka kode yang harus ditulis adalah seperti dibawah ini:

<div id='post-split'>
Isi artikel halaman pertama Anda disini

<!--nextpage>
Isi artikel halaman kedua Anda disini

<!--nextpage>
Isi artikel halaman ketiga Anda disini

// dan seterusnya tidak terbatas sampai beberapa halaman

</div>

Pada bundle template sudah disediakan template untuk artikel split post beserta javascriptnya, yang perlu Anda lakukan hanyalah menambahkan artikel Anda pada bagian yang sudah ditandai dalam template. Previewnya bisa Anda lihat langsung pada artikel ini.

Related Posts

Related Posts

Post a Comment