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 threaded comment system looks more beautiful,more attractive.So that visitor would love to leave comment onto your blog.Previously we do share several posts about customizing blogger threaded comment system and today we're going to add another one on this.this time we are going to divide each and every single comment of your blog by putting a border or by an image.So let's move onto the tutorial part
Live Demo
- 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 Each Comment
Live Demo
- First log onto blogger dashboard>template>edit html
- Next 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?Don't forget to share your view with us.
|
|
Articles You May Like |
About The Author
This would definitely make blog post comments more organized.
ReplyDeleteyes,absolutly :)
DeleteVery pretty, indeed! ;) That's a nice trick to beautify the comments section :)
ReplyDeletethat was neat. I guess I should come back here and learn that.. I'm not really into these kind of alterations but that looks nice.. :D
ReplyDeleteThanks for the tip! Dividers really do look neat and adds a touch of creativity :)
ReplyDeleteso cute! I will have to try doing this one of these days :)
ReplyDeleteGreat tip! Will try this one out on my blog. :)
ReplyDelete