Blogspot Template Modifications: Add Background Image

Blogspot Template Modifications: Add Background Image

For this lesson on Blogspot Template Modifications: Add Background Image, use this code to add your own unique background to blogspot templates.

The Blogspot Template Modifications: Add Background Image code:

         background: url(http://your-image-here.gif);

As an example for this Blogspot Template Modifications: Add Background Image, look for the following code in your blogspot template -

body {

background: $bgcolor;

margin:0;
color:$textcolor;
font:x-small Arial sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

and change the part that is highlighted.

Thus the final code of Blogspot Template Modifications: Add Background Image looks like this:

body {

background: url(http://your-image-here.gif);

margin:0;
color:$textcolor;
font:x-small Arial sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}