Change background color of main content area: How to change background color of a blogger template's main content area?

The default design and color of the blogspot templates look dull for most of the blogs. So, bloggers spent much of the time to find a nice template. Most of the cases, they don't like the color of the template. All the blogspot templates are not so nice to see. That's the main reason for searching blogspot template. But is this a good idea to search always the blogspot templates and then again change the template? I do not think so. The template which you are using may be great. Just you need a little effort. You just need to learn the way to change the color of your blogspot template. This is really a very easy and interesting task. But the great benefit is that it really pays you much. The tag background:$bgcolor is responsible for all types of background color where $bgcolor is the name of the color.This page contains information related to changing main content area's background color. Here, main content area means both the posts area, the sidebars area and the footers area also.

To change the posts area and the sidebars color, we must have to access template code. You can go to the template code from Dashboard, then select the blog's layout and then Edit HTML option. For details, click here [How to find and edit blogspot template code?]

Main posts section and the sidebars section code of Minima template is located under #outer-wrapper block. The outer-wrapper code of Minima templae looks like the following code segment:

Look, there is no line with background: tag. As there is no tag with background: tag, the color of post area and sidebar remains nothing. So, to make color to the posts area space and the sidebars, we have to add some code with background: tag. For example, we want to change the color of the content area i.e. the posts area and the sidebars area to the right-hand side color. The color value of the right-hand side rectangle is #E3E4FA. So, to change the sidebars and posts area with that color we have to append the following line of code to the #outer-wrapper block of code

So, after adding the above line of code, the #outer-wrapper section of a Minima template looks like the following:

In this page, I discuss the process of changing color of the posts area and sidebars. A blog is already implemented by using the tutorials of this page. It just shows you the effect of this page tutorials. I don't care to beautification of that blog. I just mention it as an example to make you understand how the above code will work. You can color any color by using the color value. In the useful articles section, you will find the link to all types of color value. Now, if you wish to see the effect of the above code, follow the following link:

Click here to see the effect of this page tutorial

By following the above tutorials, you can easily change the main contents areas background color.

© This tutorial is written by Blog.