Sponsor Post

How To Remove Powered By Blogger Attribution

Wednesday, 2 August 2017

Add Customize Blogger Comment Box

Hello friends, welcome to the Techtspot Blogger tutorial today I will show you how to add insert Stylish Comment box for Blogger blog with pictures or we says Customize Blogger comment box. In this post we add customize stylish Comments Box To Blogger blog.

These are Following Steps:-
Step 1: Go to Blogger Theme and Click the Edit HTML Button.
Add Customize Blogger Comment Box
Step 2: Click around the Code and Press Ctrl+F and Search “ ]]></b:skin> ”  tag then paste the code above ]]></b:skin> tag then click the Save Template button.
Add Customize Blogger Comment Box 1
.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;}
Step 3: Go to the Blogger Blog.
Add Customize Blogger Comment Box 2

Read More:- How To Add Google Map In Blogger
Read More:- Disable Comments Box On Blogger Pages

I hope you enjoy this Post. If any problem comment it.

Daily Tech Update Check and Join Us : Facebook | Twitter | Google+ | Tumblr | Instagram | YouTube

45 comments:

  1. Great Information. Thank you for sharing this type of article. Keep updating new article.

    ReplyDelete
  2. nice share simple but usefull

    ReplyDelete
  3. Helpful blog, it help us to learn about designing of blog, keep it up.

    ReplyDelete
  4. I found that site very usefull and this survey is very cirious, I ' ve never seen a blog that demand a survey for this actions, very curious... logo design

    ReplyDelete
  5. It does not working with my template. http://www.youngpillar.com/

    ReplyDelete
    Replies
    1. hello sir
      if this not work on your blog then Design Blogger Template Theme this link, here you get the Comment Box design option.

      Delete
    2. visit this link sir and there you get the Comment Box design option then you can Design what you want :)

      Delete
  6. Thank you so much for sharing this information sir...

    ReplyDelete
  7. Excellent! Really helped in making my blog prettier.

    ReplyDelete
  8. Thank you for sharing valuable information. Nice post. I enjoyed reading this post. College Assignment Help

    ReplyDelete
  9. nice post i see you videos also it really helps me thanks for sharing these idias.

    ReplyDelete
  10. Do not work in my blog..
    i am done your tutorials you can cheak www.hindirealhelp.com

    ReplyDelete
  11. Do you have any post on how to increase size of blogger default comment box?

    ReplyDelete
    Replies
    1. No i have not any post but you can do this by GO TO Blogger Setting >> Posts, Comments and sharing option >> then edit Comment Location Option :)

      Delete
  12. I had many useful things from this article. i really appreciate your efforts. Thanks for shearing that informative post with us.

    ReplyDelete
  13. Bom dia obrigado por ter compartilhado com seu conteúdo muito bom sucesso parabéns.

    https://comprarimportadoss.blogspot.com

    ReplyDelete
  14. Replies
    1. Hello there
      First i have Google adsense Account.
      Second Link my blog to Google adsense.
      Third Go to Blogger Layout >>> click add a gadget link >> click adsense Ads then select responsive ad >>> click Save button.

      that's it :)

      Delete
  15. Bahut achacha article hai Bhai keep it up

    ReplyDelete
  16. Can I add a column to get data information such as phone, e-mail, website and address in this comment column? Thank you for the information

    ReplyDelete
  17. बहुत बढ़िया जानकारी ..thanks

    ReplyDelete
  18. Very thankful for this post!

    ReplyDelete
  19. Thank you so much for sharing helpful information, so as we too create the great blogs!!keep going!!

    ReplyDelete