How To Change Your Blog's Background

There are times when we are bored or less match the background of our blog, to overcome this, we can just change the background color or image of our Blog.

The way is also very easy to do, not many changes to be made, since not much code we need to add.

1. Changing Background Color

  Classic Minima template:

    1. Sign in -> Templates menu -> Edit HTML
    2. Copy the code template, paste in notepad for data backup
    3. Then we replace the original color code template with the color code that we like (the color red is the code we have to change):

       body (
       background: # fff;
       margin: 0;
       padding: 40px 20px;
       font: x-small Georgia, Serif;
       text-align: center;
       color: # 333;
       font-size / * */:/**/ small;
       font-size: / ** / small;
       )   


    4. Click Preview to see the results after the change.
    5. Click OK, then save
    6. Done.

To find out what color code to choose, we can use photoshop program to find code.


New Minima template:

    1. sign in -> Layout -> Fonts and Colors menu
    2. There we will see a choice of colors can we choose and what we can change the color, please choose which you prefer. Below this will be seen a preview of the changes will immediately appear after you select the color.
    3. When finished it, and then click the Save Change
    4. Done.
 

2. Changing Background With Image

The first requirement is that we already have to have image files, can be used to take an image, photo or animation, which previously we can register for free first. Then upload the image files to store the image, for example to www.photobucket.com, or it could be other sites.

We need not make a picture in large size, as it will appear in significant amounts and fullfill our screens.

How to installation of:

Classic Minima template:

    1. Sign in -> Templates menu -> Edit HTML
    2. Copy the code template, paste in notepad for data backup.
    3. Add the following code css style sheet in your Blog (red color is the code that must be added):

       body (
       background: # fff url ( 'http://fill with your website address which stores the photo or image that we will upload');
       margin: 0;
       padding: 40px 20px;
       font: x-small Georgia, Serif;
       text-align: center;
       color: # 333;
       font-size / * */:/**/ small;
       font-size: / ** / small;
       )

    4. Click Preview to see the changes
    5. Save Change
    6. Done.


New Minima template:

    1. Sign in -> Layout -> Edit HTML
    2. Click Download Full Template and save the templates used for data backup
    3. Click Expand Widget Templates
    4. Add the following code css style sheet in your Blog (red color is the code that must be added):
       body (
       background: $ bgcolor url ( 'http:// your website address for storing photos, for example www.photobucket.com/.../ ...');
       margin: 0;
       color: $ textcolor;
       font: x-small Georgia Serif;
       font-size / * */:/**/ small;
       font-size: / ** / small;
       text-align: center;
       )

    8. Click Preview
    9. If you feel it is already ok, click Save Template
   10. Done.

Apparently it is very easy steps. Previously please register first at the site that provides facilities for storing photo upload later.
good luck.