Sebuah blog/web yang ramai dengan pengunjung, mungkin mempunyai segudang masalah tentang memanaged komentar yang berjibu-jibun. Terkadang kita malas untuk menggulir scroll komputer kita untuk melihat semua komentar pada postingan blog kita, sehingga siperlukan sebuah tolls yang dapat mempermudah kita untuk memperpendek tampilan komentar yang sangat banyak. Berikut tipsnya akan saya berikan kepada sobat blogger.
Tetapi sebelumnya, mungkin sobat blogger masih banyak yang bingung dengan penjelasan di atas.
Untuk lebih jelasnya daaaaapat sobat lihat seperti gambar di bawah ini:
1. Login ke blogger dengana account anda
2. Pada Dasbor blog anda, silahkan anda Pilih Template, kemudian Edit HTML
3. Jangan lupa "Expand Widget Templates" blog kamu.
4. Cari kode <body>
5. Setelah ketemu, silahkan letakkan kode berikut diATAS kode <body>
<script type='text/javascript'>Perhatikan kode yang diblok dengan warna hijau, silahkan anda ganti sesuai dengan keinginan anda.
//<![CDATA[
function commentpagination(url,comment){
var posturl= url;
var comment = comment;
cmpage = Math.ceil(comment/200);
document.write('<a rel="nofollow" href="'+posturl+'?commentPage=1">Oldest</a>');
for (var i = 1; i <= cmpage; i++) {
document.write('<a rel="nofollow" href="'+posturl+'?commentPage='+i+'">'+i+'</a>');
}
document.write('<a rel="nofollow" href="'+posturl+'?commentPage='+cmpage+'">Latest</a>');
}
//]]>
</script>
6. Kemudian cari kode yang mirip seperti kode berikut ini:
<h4>7. Setelah ketemu, silahkan letakkan kode berikut ini diBAWAH kode tersebut.
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<span id='commentpaging'>Ganti kode berwarna Merah sesuai dengan keinginan anda.
<font style='color:#289728; font-size:12px; font-weight:bold; padding-right:4px; '> Comment Page :</font>
<script type='text/javascript'>commentpagination("<data:post.url/>","<data:post.numComments/>");</script></span>
8. Kemudian cari kode ]]></b:skin> dan letakkan kode berikut diATAS kode tersebut.
/* -------------- Comment Pagination Stylesheet By MBT --------*/Silahkan edit kode background:#F7F9FA dan width:580px sesuai dengan keinginan anda.
#commentpaging { background:#F7F9FA; margin:0px padding:20px auto; width:580px; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:right;}
#commentpaging a { margin-right:5px;}
9. Jika sudah selesai, silahkan Simpan Template. Dan lihat perubahannya paada komentar blog anda.
Semoga bermanfaat, mohon maaf jika ada kesalahan. (Jkt/2012)
Posting Komentar