}

3 Stylish Customized Blogger Comment Box

Blogger Comment Box


A comment box is a great way to collect feedback from your customer or from your blog readers who provides you an easy to understand reports.





Comment box allows your readers to give their honest and valuable opinion about your post, something that your readers can say and express. It also encourages your blog readers to participate actively with other readers of your blog.

So, let’s come to the main point for the reason you are here. Blogger comment box by default does not much catchy and seems dull.

If you need to customize your Blogger search bar. Here I have 15 best-customized blogger search bar.



That’s why I have this 3 best-customized comment box for your Blogger blog that you can implement into your blog as you choose or as per your blog theme color.

Just follow the simple steps and will get the best comment box for your Blogger blog. 

Watch the Video guide to understand better.



1. Sign in to your Blogger blog and select Theme


Blogger Comment Box

(Before you proceed to step 2, make sure that you take a backup of your current theme)



To back up your theme.

i) Go to Backup/Restore on the left-hand side and
ii)Click on Download theme.
Blogger Comment Box


Now, Let’s resume our comment again,

2. Select Edit HTML.
3. Find the code  ]]></b:skin>
 and paste the below code above  ]]></b:skin>
 code.
4. Click Save


Customize Comment Box 1.

Blogger Comment Box
 .comments .comment-block { background: #F9F9F9; color: #555; box-shadow: 0 4px 10px #EEEEEE; position: relative; margin-top: 10px; margin-left: 60px; padding: 10px; border: 4px solid #EEEEEE !important; border-radius:10px; font: 1.190em/1.2 Cambria,Georgia,sans-serif;} .comment-thread li .comment-block:before { position: absolute; display: block; left: -26px; color: #EEEEEE; content: "\25C4"; font-size: 30px;} .comments .avatar-image-container { width: 60px; height: 60px; max-height: 60px; margin:0px 0px 0 -28px; padding: 0px; border: 7px solid #EEEEEE; border-radius:60px;} .comments .avatar-image-container img { overflow:hidden; width: 60px; height: 60px; max-width: 60px; border:0 !important; border-radius:60px;} .comments .comment-thread.inline-thread { background: none;} .comments .continue { border-top: 0px solid transparent;} .comments .comments-content .datetime { float: right; font-size: 11px;} .comments .comments-content .user a{ font-size: 15px; color: #498EC9;} .comments .comments-content .datetime a:hover{ color: #777; text-decoration: none;} .comments .comments-content .comment:first-child { padding-top: 0px;} .comments .comments-content .comment { margin-bottom: 0px; padding-bottom: 0px;} .comments .continue a { padding: 0px;} .comments .comments-content .icon.blog-author { background-image: none;}   

Customize Comment Box 2.




Blogger Comment Box

 .comments h4   
  {   
  color:#ffffff;   
  display: inline-block !important;   
  background:#3BB7D9;   
  padding:10px;   
  }   
  .comments .comment .comment-actions a {   
  background:#3BB7D9;   
  border-radius: 5px;   
  color: #ffffff;   
  font:12px georgia;   
  margin-right: 8px;   
  padding:5px;   
  text-decoration: none !important;   
  }   
  .comments .comment-block {   
  background:#f8f8f8;   
  border: 1px solid #f0f0f0;   
  padding: 10px;   
  }   
  .continue   
  {   
  border-top:none !important;   
  }   
  .continue a {   
  background:#3BB7D9;   
  border: 1px solid #3BB7D9;   
  border-radius:5px;   
  color: #ffffff;   
  display: inline-block !important;   
  margin-top: 8px;   
  padding:5px;   
  text-decoration: none !important;   
  font:12px georgia ,arial;   
  }   
  .comment-header a {   
  color: #222222 !important;   
  }   
  #comments .avatar-image-container img {   
  border:2px solid #f0f0f0;   
  border-radius: 50px 50px 50px 50px;   
  height: 58px;   
  max-width: 58px;   
  }   
  .comments .avatar-image-container {   
  border: 2px solid #FFFFFF;   
  border-radius: 34px 34px 34px 34px;   
  box-shadow: 1px 1px 3px #dcdcdc;   
  float: left;   
  margin-left: -20px;   
  max-height: 61px !important;   
  overflow: hidden;   
  width: 61px !important;   
  }   



Customize Comment Box 3.

Blogger Comment Box

 .comments h4   
  {   
  color:#ffffff;   
  display: inline-block !important;   
  background:#292832;   
  padding:10px;   
  }   
  .comments .comment .comment-actions a {   
  background:#292832;   
  border-radius: 5px;   
  color: #ffffff;   
  font:12px georgia;   
  margin-right: 8px;   
  padding:5px;   
  text-decoration: none !important;   
  }   
  .comments .comment .comment-actions a:hover {   
  background:#808080;   
  border-radius: 5px;   
  color: #292832;   
  font:12px georgia;   
  margin-right: 8px;   
  padding:5px;   
  text-decoration: none !important;   
  }   
  .comments .comment-block {   
  background:#f8f8f8;   
  border: 1px solid #f0f0f0;   
  padding: 10px;   
  }   
  .continue   
  {   
  border-top:none !important;   
  }   
  .continue a {   
  background:#292832;   
  border: 1px solid #292832;   
  border-radius:5px;   
  color: #ffffff;   
  display: inline-block !important;   
  margin-top: 8px;   
  padding:5px;   
  text-decoration: none !important;   
  font:12px georgia ,arial;   
  }   
  .comment-header a {   
  color: #222222 !important;   
  }   
  #comments .avatar-image-container img {   
  border:2px solid #292832;   
  border-radius: 50px 50px 50px 50px;   
  height: 58px;   
  max-width: 58px;   
  }   
  .comments .avatar-image-container {   
  border: 2px solid #FFFFFF;   
  border-radius: 34px 34px 34px 34px;   
  box-shadow: 1px 1px 3px #dcdcdc;   
  float: left;   
  margin-left: -20px;   
  max-height: 61px !important;   
  overflow: hidden;   
  width: 61px !important;   
  }   

View any of your blog posts, you will have a great looking comment box as shown below.


22 comments:

  1. I am vey thankful i was looking for a post like this, i want to have a customize comment box for my blogspot blog.

    ReplyDelete
  2. The administrations customers get from SEO specialists resemble long distance races. Webdesigner Website Voor Professionele en Betaalbare Websites

    ReplyDelete
  3. such a really appreciating content, really I enjoyed it too much please keep posting content like this.
    https://www.buzzytips.com/2019/04/Stylish-Comments-Box-in-Blogger.html

    ReplyDelete
  4. Great job for publishing such a beneficial web site. Your web log isn’t only useful but it is additionally really creative too. There tend to be not many people who can certainly write not so simple posts that artistically. Continue the nice writing SEO DC

    ReplyDelete
    Replies
    1. Thanks Matias, your words really encouraged me. Keep visiting my blog.

      Delete
  5. I haven’t any word to appreciate this post.....Really i am impressed from this post....the person who create this post it was a great human..thanks for shared this with us. creare linea abbigliamento

    ReplyDelete
    Replies
    1. Thanks Anuskhatri for such a lovely words of appreciation. You made my day!

      Delete
  6. I want you to thank for your time of this wonderful read!!! I definately enjoy every little bit of it and I have you bookmarked to check out new stuff of your blog a must read blog! Durham SEO

    ReplyDelete
    Replies
    1. Thanks Jerry Barker for your kind words and bookmarking my blog.

      Delete
  7. This is such a great resource that you are providing and you give it away for free. I love seeing blog that understand the value of providing a quality resource for free. Digital Marketing Course

    ReplyDelete
  8. We are really grateful for your blog post. You will find a lot of approaches after visiting your post. I was exactly searching for. Thanks for such post and please keep it up. Great work. smm panels list

    ReplyDelete
    Replies
    1. Thanks Rafey for your words of encouragment..

      Delete
  9. Awesome blog. I enjoyed reading your articles. This is truly a great read for me. I have bookmarked it and I am looking forward to reading new articles. Keep up the good work! ActiveCampaign Enterprise plan

    ReplyDelete
  10. Hey KRISH

    Thanks for sharing such a valuable content with us I search for a comment box for my blogger blog 123UrduStatus when I use third-party comment systems my website speed is so slow so I decide to change my comment box in some cool look now after reading your post I get a cool comment box for my website ones again thanks.

    ReplyDelete
    Replies
    1. Thanks Abbas, keep on visiting my blog for new stuff

      Delete
  11. Such a very useful article. Very interesting to read this article.I would like to thank you for the efforts you had made for writing this awesome article. marketing automation software costs

    ReplyDelete
  12. Thanks for the blog filled with so many information. Stopping by your blog helped me to get what I was looking for. Now my task has become as easy as ABC. Visit this website

    ReplyDelete