Create A Background For Your Site

Several times ago, our comrade "HARD TO KILL" ask how to change the blog background, and of course I will try explained. I think, there are two possibilities to change the background the first is to replace only the color background (background) only, the second is the blog by using the background image or image.

There is one thing that I consider important when comrade intend to change background (background), when you change the background color or image do not make our posts a little hard to read on. If the text using dark color, then choose the color or image of light, but rather when the text is colored light, the image should be black-colored background.The text that is difficult to read in by visitors, will make visitors lazy to read the articles we write, and of course useless to post the article if we do not want to have a read.OK, even though the page does not directly seize the main topics are . Because the template code is very varied, which I will make an example is the original template blogger template is minima.


Changing the Background Color

1. Sign in
2. Click the Template
3. Click the Edit HTML
4. Copy all kede template, paste in notepad ago to save the backup data

Change color code template with the original color code $bgcolor:

body {
background:$bgcolor;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}


1. Click the Preview button to see changes
2. If you are OK, click Save Template Changes
3. Done

Changing Background With Image

The first thing, of course, you must have an image file, you can made it on Photoshop. This image can be a normal picture, photos, and even animation. the second is a site to upload them to save the image "http://www.imagesack.com", if you get the picture link, add code like this:

background:$bgcolor url(your link);

1. Click the Preview button to see changes
2. If you are OK, click Save Template Changes
3. Done.

I think this is very easy to do, because not a lot of code that had been added, for example the result is this blog, so have to try!


No comments:

Post a Comment

 
up