24 February 2013

Change Comment Avatar Size on Blogger

Change Comment Avatar Size on Blogger
When it comes to blogger comment system those we are on blogger  feel so dumb.Though after waiting several times we got our most loved threaded comment system onto this blogging platform.Still it have very old and dumb looking features.Which always annonying us.So wish to make some change?Want to make it looking attractive,but can't identify what should you do or which part would choose to customize.So here we are to solve this out.Don't you satisfy with your blog's default comment avatar size?So,here we're going to put a simple trick to make your blog's comment avatar size as you desire by putting some extra css code.So just go through the below tutorial.

 Must Read : Customize Blogger Comment Box Front,Size and Colour

Change Comment Avatar Size

  • Go to Dashboard -> Template -> Edit HTML
  • Search(ctrl+f) for ]]></b:skin> and above it paste the below code

.comments .avatar-image-container{ background-color: rgb(34, 34, 34); border:1px solid #ccc; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; width: 64px; max-height: 64px; } .comments .avatar-image-container img{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; max-width: 64px; height: 64px; }

  • Save the template and you're done.


to change the height and width of your desire comment avatar just change the value 64 on your desire.
If you enjoyed this tutorial don't forget to share with your blogger fellows.If you're facing any problem regarding this,use the below comment box.Thank you..

Articles You May Like

2 comments: Leave Your Comments

  1. Thanks for sharing! Helpful tip, as always. :)

    1. It's completely my pleasure dear,keep visiting :)