Ads (728x90)

Latest Post

Kesehatan

Tips

How to Make Comment Divider on Blogger



We do believe comment system is the most important part of any blog and that's why we always concentrate to make blogger blog's comment system looks more beautiful,more attractive.Previously we do publish some  more posts about comment system and today we're going to add another one.this time we are going to divide each and every single comment of your blod by putting a border or by an image.

Add Border Between Each Comment




  • Log onto blogger dashboard>template>edit html>Tick the "Expand Widget Templates" box
  • Search for "]]></b:skin>" and above it paste the below code


.comment-block {
border-bottom: 1px solid #000000;
}

.comments .continue {
  border-top: 0px solid $(widget.alternate.text.color);
}


  • Now save the template and you're done.


 

Add Divider Image Between Each Comment





  • Log onto blogger dashboard>template>edit html>Tick the "Expand Widget Templates" box
  • Search for "]]></b:skin>" and above it paste the below code 
.comment-block {
background-image:url(http://i1084.photobucket.com/albums/j411/thecoffeechic/CoffeeChic_divider.png);
background-repeat:no-repeat;
background-position:center bottom;
padding-bottom:30px;
margin-top: -10px;
.comments .continue {
border-top: 0px solid $(widget.alternate.text.color);
}



  • Now save the template and you're done.

It's time to see your newly designed comment box,how's it looking?share your view with us.

Post a Comment