Tuesday, January 29, 2013

Comments Page Untuk Komentar 200 Lebih

Awalnya aku sendiri mengalami kebingungan. Saat pertama kalinya komentar diblog Penghuni 60 ku ini ada yang mencapai angka 200 komentar lebih. Namun dari sinilah aku mendapatkan pelajaran baru. Bahwasanya perlu kalian ketahui, jumlah maksimal komentar yang akan di tampilkan di blog itu adalah sebanyak 200 komentar. Jika ada sebuah blog yang memiliki jumlah komentar lebih dari 200, maka komentar yang menempati posisi 201 ke atas itu akan membentuk halaman baru tersendiri. Atau akan muncul pada halaman komentar yang baru. Hanya saja untuk beberapa template blogger itu ada yang tidak bisa memunculkan halaman komentar baru tersebut, sehingga komentar yang muncul hanya sebanyak 200 komentar saja. Tentunya ini akan menjadi masalah bukan?

Comments Page Untuk Komentar 200 Lebih

Lalu apakah hal ini bisa di atasi?

Tentu saja bisa, kita hanya perlu menempatkan beberapa kode script yang berguna untuk memunculkan link yang akan membuka halaman baru untuk komentar di atas 200 tersebut.

Coba perhatikan gambar di bawah ini, gambar berikut merupakan tampilan kotak komentar klasik milik blogger sendiri:


Nah, untuk sobat Penghuni 60 yang mengalami hal yang sama denganku, silahkan dicoba cara berikut ini, yaitu Cara membuat Comments Page Untuk Komen Lebih Dari 200 Komentar.

1. Silahkan Login ke blogger terlebih dahulu
2. Pada Dashboard pilih Template kemudian pilih Edit HTML



3. Jangan lupa centang kotak Expand Template Widget nya, untuk keamanan back up terlebih dahulu templatenya sebelum di utak-atik.


4. Copy kode di bawah ini:

#commentpaging {float:right;}
#commentpaging a {margin-right:5px;}

kemudian paste tepat sebelum kode: ]]></b:skin>

5. Lalu tambahkan kode di bawah ini sebelum <body>

<script type='text/javascript'>
//<![CDATA[
function commentpagination(url,comment){
var posturl= url;
var comment = comment;
cmpage = Math.ceil(comment/200);
document.write('<a href="'+posturl+'?commentPage=1">Oldest</a>');
for (var i = 1; i <= cmpage; i++) {
document.write('<a href="'+posturl+'?commentPage='+i+'">'+i+'</a>');
}
document.write('<a href="'+posturl+'?commentPage='+cmpage+'">Latest</a>');
}

//]]>
</script>

6. Carilah kode berikut ini: <div class='comments' id='comments'>
7. Setelah ketemu tambahkan kode di bawah ini tepat di bawah kode di atas.

<span id='commentpaging'>
Comment Page :
<script type='text/javascript'>commentpagination(&quot;<data:post.url/>&quot;,&quot;<data:post.numComments/>&quot;);</script>
</span>

8. Paste juga kode tersebut (poin 7) tepat di atas kode:
<div class='comment-form'>

9. Simpan Template dan lihatlah hasilnya



Jika berhasil, maka akan muncul link seperti yang nampak pada gambar di bawah ini:


Untuk angka 1 itu menunjukkan halaman komentar kesatu, yang akan menampilkan komentar dari no.1 s/d 200. Untuk angka 2 itu menunjukkan halaman komentar kedua, yang akan menampilkan komentar dari no. 201 s/d 400. Begitu seterusnya.. Jika jumlah komentar kita belum mencapai angka 200 lebih, otomatis angka 2 tersebut belum akan muncul.

Jika kalian ingin melihat komentar terbaru yang baru masuk, pilih saja halaman “Latest”. Maka akan dimunculkan komentar terbaru.

Oke, mudah bukan? Semoga bermanfaat....



Signp60


No comments:

Post a Comment