How To Add Background Images And Border To Blogger Comments?

Comments usually help users to identify post quality.Comments also plays a good role in site bounce rate.Many people does not comment even on quality posts.A good looking comment section attracts a user to comment and thereby increases post popularity.Many people switch to 3rd party comment systems for good looking comment sections.This post will help you add a background image to your blogger comment section.

Image background in Blogger comment

Steps To Add Background Image And A Border To Blogger Comment Section

• Go to your Blogger Dashboard.
• Navigate to Template > Customise > Advanced > Add CSS
• Copy and paste the following code in the box.                                                                                                 

#comments{border: 1px solid #cdcdcd; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwY_wgD9D65paA0WBAcD53NOSF94xIS6DNWV5d1fN2SW0U3ElPOBSRnS7oMzLvmBcefqpSkalPXgz0K6FQupEqzl_dwfNYBJZn6I6siI7LFlKewEnemJnD1AJQmB54cNHc2Q9hlsIwKBPb/s150/background.png'); }

Only Border

  

#comments{border: 1px solid #cdcdcd; }

• To change the border line size replace 1px to desired value.
• To change border color replace #cdcdcd with the HTML color code.(To find HTML color codes visit here OR here.)

Only Background Image

#comments{ background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwY_wgD9D65paA0WBAcD53NOSF94xIS6DNWV5d1fN2SW0U3ElPOBSRnS7oMzLvmBcefqpSkalPXgz0K6FQupEqzl_dwfNYBJZn6I6siI7LFlKewEnemJnD1AJQmB54cNHc2Q9hlsIwKBPb/s150/background.png'); }

• To change the the background image replace https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwY_wgD9D65paA0WBAcD53NOSF94xIS6DNWV5d1fN2SW0U3ElPOBSRnS7oMzLvmBcefqpSkalPXgz0K6FQupEqzl_dwfNYBJZn6I6siI7LFlKewEnemJnD1AJQmB54cNHc2Q9hlsIwKBPb/s150/background.png with your image URL.(Make sure the image size is less)

Bckground Color Only

#comments{ background-color:#FAEFEF; }

To get color codes visit here.
Check your site performance!

Browse More Articles

Tweet

Written by Unknown

We are one of the initiators of the development of information technology in understanding the need for a solution that is familiar and close to us.