Numbering the comments

Highlighting the author comment does not mean that the problem of comment section has been fully done.Sometimes author may have to give comment twice.For replying twice it is better to give the comment number to the visitor.One more thing you can add direct jump link to blogger for than just one click you will be taken to that part of comment.For live demo click here.One Screen shot of demo is:

If you wish to do so below are its steps.

II.Numbering Comment in An Easy way.

1. Go to blogger.com
2. Click on design in old interference and for new interference click on drop menu and click  on Template.
3. Click on edit Html
4. Tick on expand widget
5. Find the lines

   <b:loop values='data:post.comments' var='comment'>
   

6. Replace step 6 code with

   <!-- set comment counter Start -->
   <script type='text/javascript'>
   //<![CDATA[
     var regexpatt = new RegExp('commentPage=([0-9]*)');
     var results = regexpatt.exec( window.location.href );
     if(results == null)
   {
       var CommentsCounter = 0;
   }
     else
   {
       var CommentsCounter = (results[1] - 1) * 200;
   }
   //]]>
   </script>
   <!-- set comment counter End -->
   <b:loop values='data:post.comments' var='comment'>
   

7. Again find this line

   <data:commentPostedByMsg/>

8. Replace line 8 with this.

   <data:commentPostedByMsg/> 
   <!-- Comment count and display START -->
   <div class='commentnumber' style='font-size: 20px;padding:0 10px;'>
   <a expr:id='&quot;comment-&quot; + data:comment.id' expr:href='&quot;#comment-&quot; + data:comment.id' title='Comment permalink' style='float:right; margin-top:-20px;'>
   <script type='text/javascript'> 
   CommentsCounter=CommentsCounter+1; document.write(CommentsCounter)
   </script>
   </a></div>
   <!-- bloggersinker.blogspot.com -->
   <!-- Comment count and display END -->

9. Finally click on save Template.
10. Until I have not found error bug etc..
11. I hope your wish is fulfilled

II.Styling the code.

You can style the code as your wish like you may add background image etc..

• For styling the widget add the following code just before ]]></b:skin>.
• Design that looks better in your Blog.

  .commentnumber { 
  /* Add Your Styling code Here */ 
  }

• Edit line 2 to style code.

If you have any problem pls comment

Subscribe At free
Thank you for visiting FacebookSinker.blogspot.com. Please don't miss any of the updates by subscribing to our RSS feed or email updates.