Beranda Blogspot Cara Membuat Pagenation Di Blog Dengan Mudah

Cara Membuat Pagenation Di Blog Dengan Mudah

189
0

Selamat Datang Di Web Mas Anggading , Pada kesempatan kali ini saya akan membahas tentang membuat pagenation di blog dengan mudah. Apakah di antara kalian ada yang tau apa itu Pagenation ?

Pengertian Pagenation . 

Pagenation adalah sebuah fitur yang di gunakan untuk menampilkan sebuah data agar tidak terlalu panjang dan lebih rapih. Penggunaan pagenation ini lazim di gunakan untuk menampilkan data dalam jumlah banyak, Jadi bisa di pisah / di pilih beberapa data yang akan di tampilkan lebih dahulu.

membuat pagenation di blog

Nah pada kesempatan kali ini, Mas Anggading akan memberikan sebuah tutorial yaitu cara membuat pagenumber / pagenation di blogspt . Untuk cara nya kalian bisa simak dan praktekan tutorial yang ada di bawah ini 😀

Membuat Pagenation Di Blog

Langkah pertama kalian bisa buka Dasboard Blogger dan masuk ke Theme lalu pilih Edit HTML.

Setelah itu kalian bisa cari kode ]]></b:skin> ini, Untuk lebih mudah mencariya kalian bisa tekan CTRL + F untuk mencari kode ]]></b:skin>

Setelah itu kalian bisa tambahkan kode CSS di bawah ini di atas kode ]]></b:skin> , CSS ini berfungsi untuk mengatur Navigasi, Jadi jika kalian ingin mengatur tampilanya kalian bisa atur di sini

membuat pagenation di blog

Jika sudah langkah selanjutnya kalian bisa cari kode </body> Dan salin kode di bawah ini dan letakan di atas kode </body>

membuat pagenation di blog

Perlu Di Perhatikan !!!

Untuk kode :

var postperpage=4;
var numshowpage=2;
var upPageWord = &#39;Prev&#39;;
var downPageWord = &#39;Next&#39;;

Baca Juga : Cara Mudah Mengalihkan Domain Lama Ke Domain Baru

Maksud nya adalah :

  • var postperpage=4; : jumlah posting maksimal dalam satu halaman (homepage) sebanyak 4 posting.
  • var numshowpage=2; : artinya kotak nomor yang ditampilkan sebanyak 2, halaman aktif tidak termasuk
  • var upPageWord = &#39;Prev&#39;; : menunjukkan kata yang digunakan untuk kembali ke halaman sebelumnya
  • var downPageWord = &#39;Next&#39;; : menunjukkan kata yang digunakan untuk ke halaman berikutnya

Jika sudah kalian bisa Save Template. !

Langkah selanjutnya kalian masuk ke Setting > Post , Comment and Sharing. Silahkan samakan jumlah maksimal posting yang akan di tampilkan sama seperti kode di java script tadi (var postperpage=4;) 

membuat pagenation di blog

Jika sudah kalian bisa klik Save Setting. 

Baca Juga : Cara Membuat Tombol Share WhatsApp Dengan Mudah

Jika sudah berhasil maka tampilannya akan seperti di bawah ini, Berikut sebelum menggunakan Pagenation dan sesudah nya .

Sebelum :

membuat pagenation di blog

Sesudah :

membuat pagenation di blog

Nah bagaimana cukup mudah kan 😀

Demikian lah Tutorial yang sudah kita bahas bersama yaitu cara membuat pagenation di blog dengan mudah. Semoga dengan adanya Tutorial ini buat kalian yang punya Blog tapi nggak ada page number kaya gni, kalian bisa ikuti langkah langkah ini 😀

SUPPORT !!
Dukung Blog Cah Kutawaringin agar selalu update mengenai informasi menarik dan tips & trick dengan cara meninggalkan komentar dan membagikan artikel yang telah kalian baca,
Jangan Lupa Untuk Follow Halaman Facebook Mas Anggading Untuk mlihat Update terbarunya.Follow Sekarang !

LEAVE A REPLY

Please enter your comment!
Please enter your name here