ब्लॉगर की नयी सुविधा Threaded comments के शुरू होते ही एक नयी समस्या ब्लॉग पर आने लगी , वो यह की जैसे ही कोई पोस्ट २०० कमेन्ट का आंकड़ा पार करती है , तो उस पोस्ट पेज पर केवल नए २०० कमेन्ट दिखाई देते है शेष सभी कमेन्ट invisible हो जाते है. Threaded comments की इसी परेशानी से निपटने के लिए नीचे Comment paginate script बताई गयी है। इस script की खासियत यह की इसे Blog पर रखने के साथ है अपनी सुविधा अनुसार Comment को paginate या क्रमशः प्रष्ट वर संयोजित कर सकते है । इसे अपने Blog पर लगाने से पहले इसका screenshot देखे :-
विजेट को ब्लॉग पर कैसे ले जाए
- सबसे पहले ब्लॉगर खाते में प्रवेश करे , यहाँ जाये Blogger--->Design--->Edit HTML
- अब ऊपर expand widget template cheakbox पर क्लिक करे
- अब keyboard की ctrl+F कुंजी दबाये व यहाँ <body> कोड तलाशे
- अब इस कोड के ठीक बाद में नीचे दिया गया पूरा कोड यथावत डाल दे
<script type='text/javascript'>
//<![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>
पीले रंग में बताये गए टेक्स्ट को आप अपनी सुविधा अनुसार बदल सकते है ।
अब keyboard की ctrl+F कुंजी दबाये व अपनी ब्लॉग टेम्प्लेट में नीचे बताया कोड तलाशे
<h4><b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
अब इस कोड के ठीक पहले नीचे दिया गया कोड यथावत डाले :
<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>
अब अपनी ब्लॉग टेम्प्लेट में ]]></b:skin>कोड तलाशे व ठीक इसके बाद नीचे बताया गया पूरा कोड यथावत डाले
/* -------------- Comment Pagination Stylesheet By Hindi4tech --------*/
#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;}
अब टेम्पलेट सेव करे :))
