Skip to main content

Cara Membagi Postingan Blog Menjadi Beberapa Halaman di Blogger

Cara membagi Postingan Blog menjadi beberapa halaman atau ada juga yang menyebutnya Post Split.

Yaitu satu halaman posting dapat dibagi menjadi beberapa halaman.

Yang dapat di klik menjadi halaman ke satu, ke dua, ke tiga dan seterusnya atau halaman selanjutnya (next) maupun sebelumnya (previous).

Ini semacam membaca postingan "bersambung", kita harus me-klik halaman selanjutnya untuk melanjutkan membaca paragraf berikutnya.

Namun ini berbeda dengan.. alias bukan Cara Membuat Next dan Previous dibawah Postingan Blogger

Contoh pembagian halaman postingan semacam itu sering kita jumpai di situs-situs portal berita.

Apa tujuannya? Saya kurang tau tapi kemungkinan bertujuan menambah view blog dan juga mungkin agar postingan sulit di copas atau membagi isi postingan yang terlalu panjang.

Jika agan menginginkannya cara tersebut dapat juga kita terapkan di postingan blog Blogger dengan bantuan kode JavaScript.

Tapi sepertinya cara itu kurang baik untuk SEO Blog karena kodenya mampu membuat url baru dengan metode get. Satu halaman memiliki beberapa url get tentu kurang baik untuk SEO.

Contoh format url get: .html?page=1&m=1

Lalu mengapa portal berita melakukannya? 
Portal berita profesional memiliki kode yang berbeda sementara kita disini cuma tukang kode abal-abal yang berbagi kode alakadarnya tanpa pengembangan wkwk.

Baiklah, bagi yang ingin menggunakan kode ini berikut ini caranya. Tidak selalu untuk Membagi Postingan Blog saja sih tapi juga dapat digunakan untuk membagi sesuatu yang ingin dibagi-bagi. Bisa digunakan untuk membuat Paging/Navigation misalnya.

Cara Membagi Postingan Blog Menjadi Beberapa Halaman di Blogger

1. Semua paket kode saya simpan di situs Codepen dan berhubung kode ini khusus untuk format url posting blogger saja maka Result kode tidak berjalan di Codepen. Kode hanya berfungsi setelah di simpan dalam Template Blogger.

Silakan salin kode CSS dan JS dalam kotak berikut dan simpan ke dalam Template Blogger. Simpan CSS pada bagian CSS dan JS dibawah widget postingan.


Baca juga:

2. Selanjutnya salin kode html (di kotak diatas).

Dan setiap membuat posting baru tempelkan kode html tersebut kedalam postingan dengan format berikut.

<div class="post-content">
<div class="postsplit">
Isi posting anda paragraf 1 disini.
<!-- nextpage -->
Isi posting anda paragraf 2 disini.
<!-- nextpage -->
Isi posting anda paragraf 3 disini.
</div>
</div>

Tag <!-- nextpage --> inilah yang bertugas membagi paragraf postingan.

3. Selesai.

Contoh hasilnya:

Cara Membagi Postingan Blog Menjadi Beberapa Halaman di Blogger

Sangat bertele-tele dan menyusahkan alias bikin lambat ketika membuat posting karena kita melakukannya secara manual dan untuk saat ini saya belum menemukan kode yang dapat bekerja secara otomatis. Tapi itu sudah lumayanlah bagi yang ingin meniru Post Split ala Portal berita wkwk.

Comments