Full-Width Version (true/false)

Saturday, 20 April 2019

How To Add Attractive / Stylish Comments Box in Blogger with CSS

How To Add Visitor Attracting Stylish Comments Box in Blogger 

How To Add Attractive And Stylish Comments Box For Blogger. Today We Will Discuss That How To Add Visitor Attractive Stylish Comment Box In blogger Only By Adding Some codes to blogger. By Default Blogger comments section is too worst or simple and which make your site looks worst, By using these Attractive / Stylish Comments Box in Blogger it looks awesome  and Look Great, But If You Want to make the comments box in blogger stylish and self-customized due to any reason then You Are At The Right Place it is very awesome and easy job to customize stylish comments box in blogger . Just Follow The Step which is given below And you will change your old comment box to your new customized stylish comments box, All visitors who see your stylish comments box in blogger will surely like it and will surely leave a comment. You Can Change The Color Of That Customized stylish Comment Box And It Will Perfectly make the look of your site perfect, it doesn't matter What Ever Blogger Template you use and will make your site or blog look awesome.


How To Add Attractive / Stylish Comments Box in Blogger with CSS
How To Add Visitor Attractive Stylish Comments Box in Blogger 


How To Add  Attractive / Stylish Comments Box in Blogger 

To add a stylish comments box in blogger you have to follow the below steps and after this, you will have your own customized stylish comments box in blogger.
  • Log in into Blogger Dashboard By Going To Blogger.com
  • Select Your Blog From The List.
  • Go to > Template > Customized.
  • Select  Advanced.
  • Click Css.
  • Copy The Below Code From The Box.
  • Paste The Following Code In the CSS Box.
  • click on apply.
  • And you are done.

.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; }

You Are Done Now

Now Do Your Own Customization To Make Stylish comments box in blogger

  • Background  Color can be changed by changing color code #3BB7D9 
  • Comment Counter Color can be changed.
  • Comment Sender Reply button can be changed
  •  the Comment section background can be changed.
  • Between Replies, Reply & Add Comment button you can change its spaces.
  • reply, replies, and content can be changed.
  • Commenter date and time can be changed easily.
  • Comments Avatar Image Size can be changed.
  • Comment Avatar  Shape & Border can be changed.
  • Change All Radius Value “0” 
  • To Change Author Image in Square.  

Also Checkout: https://www.buzzytips.com/2019/02/how-to-get-blue-verified-badge-on-facebook-page.html             

External Sources

Conclusion 

After Reading This article you will be able To Customize Your own stylish Comment Box in blogger. If you Like And liked how to customize your own stylish comment box in blogger using CSS, so please share it with your friends. If you Faced any problem please use the stylish comment box section to share your feedback or issue to us.


Upcoming Searches

  • stylish comment box for blogger
  • stylish comment box
  • comment box widget for blogger
  • How To Add Attractively, Stylish Comments Box in Blogger 

No comments:

Post a Comment