How to Add a Separator/Border To Blogger Comments

Comments are very important part of the blogger.Because it gives readers a option to ask questions and doubts.So,very blogger must have to spend some of the time in customizing the comment panel and taking it serious that it is clean or not ..!Today.i'm again back with blogging tricks.Today i am going to show you How to Add border to comments ..! :D This trick is very useful because it give a fresh cool look to the comment.Lets first look at Following image :- 

How To Add This Border to Comments ?  



  1. Now go to Blogger Dashboard > Template
  2. Download a copy of your template
    Click Here   

    <-To Know How To Take Backup Of Your Template 
  3. Click on Edit HTML
  4. Hit Proceed button
  5. Check Expand Widget Templates checkbox
  6. Find below code in your template

]]></b:skin>
7. Then paste the following code  just above it:
If you are using threaded comments (with the reply option):
.comment-block {
border-bottom: 1px solid #000000;
}
.comments .continue {
  border-top: 0px solid $(widget.alternate.text.color);
}
#comments-block .comment-footer {
border-bottom:1px solid #000000;
}



Note:- To change the border's color, replace the blue highlighted color to your own color code if you don't know about HTML Color codes you can generate your own color code from :- Html Color Code generator and to change increase its thickness, increase the value 1 and to decrease its Thickness decrease the value 1.

8.Save Your Template

Done..! I hope You Like This..

If you Face any problem in Any Step Then Ask Me Freely in Comment box i will Try to reply soon.....

Comments
0 Comments