Membuat Pagination pada Komentar

Pagination pada komentar di wordpress bisa di ubah-ubah sesuai dengan keinginan pemilik blog. Secara default navigasi (pagination) pada wordpress hanya seperi ini “Older Comment dan Newer Comment”. Hal ini (menuruat saya pribadi) kurang sip, kurang sedap di pandang mata 🙂 Jika Anda merasa seperti saya, silahkan oprek wordpress Anda khususnya pada halaman Comment.php dan Style.css. Hasilnya akan seperti pada halaman komentar dalam artikel Daftar blog Dofollow ber PR Tinggi ini

Pagination pada komentar ini tidak ada hubungannya sama sekali dengan SEO (search engine optimization). Menampilkan pagination pada komentar ini hanya sebatas aksesories blog saja agar terlihat lebih menarik. Seperti apa sih “penampakan” pagination yang saya maksudkan itu? Silahkan lihat gambar dibawah ini:

Cara membuat Pagination pada komentar

Baiklah.. silahkan ikuti langkah-langkah dibawah ini untuk membuat pagination pada komentar tanpa plugin di  blog Anda.

1. Login  ke WordPress lalu buka comment.php atau bisa juga melalui cPanel
2. Pastikan Anda telah mencentang “Break comments into pages with …” yang ada di Settings > Discusions
3. Klik Appereance > Editor lalu pilih comment.php.
4. Temukan script berikut ini :

   <div class="navigation">    <div class="alignleft"><?php previous_comments_link(); ?></div>    <div class="alignright"><?php next_comments_link(); ?></div></div>

   Kode diatas adalah kode default pagination wordpress

5. Ganti kode diatas dengan kode dibawah ini:

   <div class="pagination">    <?php    paginate_comments_links();    ?></div>

   Hati-hati pada saat mengganti kode. Ada baiknya Anda copy paste kode aslinya ke notepad sebelum mengganti dengan kode yang lain.

6. Simpan pekerjaaan Anda.

Style pagination pada komentar

Selanjutnya kita sedikit beri sentuhan efek biar agak keren. Buka Style.css lalu tambahkan kode dibawah ini :

.pagination {clear:both;padding:20px 0;position:relative;font-size:11px;line-height:13px;}.pagination span, .pagination a {display:block;float:left;margin: 2px 2px 2px 0;padding:6px 9px 5px 9px;text-decoration:none;width:auto;color:#fff;background: #555;}.pagination a:hover{color:#fff;background: #3279BB;}.pagination .current{padding:6px 9px 5px 9px;background: #3279BB;color:#fff;}

Pagination pada komentar tiap theme berbeda

Jika theme pada blog Anda bukan theme yang diambil dari wordpress.org kemungkinan ada sedikit perbedaan dengan masalah pagination pada komentar ini. Walhasil Anda tidak akan menemukan kode seperti pada nomor 4 diatas. Tapi jangan kuatir, Anda tetap bisa menggantinya dengan mencari kata “Paginate”, “pagination” atau “navigation” pada halaman comment.php. Setelah itu Anda bisa merubahnya dengan kode pada nomor 5 diatas.

Jika Ada yang kurang jelas dengan tutorial masalah pasang pagination pada komentar ini, silahkan berkomentar.