Phân trang cho comment trên blogspot

 humghn.com 

Thật không xa lạ nếu như một web/blog có hàng trăm lượt comment dưới bài viết . Với lượng comment bài viết nhiều như vậy , nếu để chúng xổ dài tự nhiên thì quả thực là không mấy thẩm mĩ . Vậy cách giải quyết của vấn đề này là phân trang cho comment trên blogspot . 

DEMO

Cách thực hiện

Bước 1 : Đăng nhập vào blogspot , chọn " Mẫu " , sau đó vào mục " Chỉnh sửa HTML "

Bước 2 : Dán đoạn mã sau trước thẻ ]]></b:skin>

.commentnavi{clear:bold; margin:10px 0;}


.commentnavi .page-first{float:left; margin-right:5px}
.commentnavi .page-items{float:right}


i .page-next{margin-left:5px}

.commentnavi .page-number, .commentna
.commentnavi .page-number, .commentna
vvi .page-prev{margin-right:5px}


:0 0 3px 1px #333; padding: 5px}
.commentnavi .selected{box-shado
w

Bước 3 : Tìm đến đoạn code có dạng như sau ( giả dụ có 2,3 code như vậy thì lấy code trên cùng nhé ! )

<h4><data:post.commentLabelFull/>:</h4>

Sau đó chèn đoạn code sau vào phía dưới đoạn code phía trên 

<b:if cond='data:post.numComments > 200'>


<div class='commentnavi' id='commentnavi'/>
 <script type='text/javascript'>


mments/>';

//<![CDATA[

var current;
var numcomments='<data:post.numC


onumshowpage=5;prev='«';next='»';pagefirst='Page';pageitems='Comments';dw='';urlactivepage=location.href;numpage=parseInt((numcomments-1)/200)+1;urlpost=urlactivepage.split('.html');urlpost=urlpost[0]+'.html';if(urlactivepage.indexOf('?commentPage=')==-1){current=1}else{current=parseInt(urlactivepage.substring(urlactivepage.indexOf('?commentPage=')+13))}var integer=parseInt(numshowpage/2);if(integer==numshowpage-integer){numshowpage=integer*2+1}first=current-integer;if(first<1){first=1}last=first+numshowpage-1;if(last>numpage){last=numpage;if((last-first+1)<numshowpage){first=last-numshowpage+1;if(first<1){first=1}}}if(current*200<=numcomments){dw+='<span class="page-items">'+(((current-1)*200)+1)+' - '+(current*200)+' / '+numcomments+' '+pageitems+'</span>'}else{if((((current-1)*200)+1)==numcomments){dw+='<span class="page-items">'+numcomments+' / '+numcomments+' '+pageitems+'</span>'}else{dw+='<span class="page-items">'+(((current-1)*200)+1)+' - '+numcomments+' / '+numcomments+' '+pageitems+'</span>'}}dw+='<span class="page-first">'+pagefirst+'</span>';if(current>1){dw+='<a class="page-prev" href="'+urlpost+'?commentPage='+(current-1)+'#comments">'+prev+'</a>'}if(first>1){dw+='<a class="page-number" href="'+urlpost+'?commentPage=1#comments">1</a>'}if(first>2){dw+='<span class="gap">&#133;</span>'}for(i=first;i<=last;i++){if(i==current){dw+='<span class="selected">'+i+'</span>'}else{dw+='<a class="page-number" href="'+urlpost+'?commentPage='+i+'#comments">'+i+'</a>'}}if(last<numpage-1){dw+='<span class="gap">&#133;</span>'}if(last<numpage){dw+='<a class="page-number" href="'+urlpost+'?commentPage='+numpage+'#comments">'+numpage+'</a>'}if(current<numpage){dw+='<a class="page-next" href="'+urlpost+'?commentPage='+(current+1)+'#comments">'+next+'</a>'}var a=document.getElementById('commentnavi');a.innerHTML=dw;
//]]>
  </script>


</b:if>

Tùy chỉnh 

Một số mục được in xanh thì bạn có thể tùy chỉnh theo mong muốn vì khá đơn giản để hiểu ra chúng . Riêng mục numshowpage=5 là số trang hiển thị , bạn có thể thay đổi bao nhiêu tùy ý .

Sau khi đã hoàn tất , bận nhấp Lưu và tận hưởng thành quả .

Chúc các bạn thành công !