change background image (background configuration)

Background image can make your blog look entirely different and a good selection can make the user more relax, ok now come to the work, to change the background go to “edit html” change the code

body {
background-image: url(URL address of your image);

It will change the background,

If you only want to change the side bar image then

#sidebar-wrapper {
background-image: url(URL address of your image);

And if only for the post then

#main-wrapper {
background-image: url(
URL address of your image);

Change the url of the image, is the best place to search backgrounds.

Repeat configuration:

If you don’t want your image to be repeated enter the following code just below the upper

background-repeat: no-repeat;

If you only want the image to repeat horizontally then

background-repeat: repeat-x;

And if vertically then

background-repeat: repeat-y;

Position of image:

If you want to change the position of the image to a specific area them follow the code with the area you want

background-position: top left;

These are the codes applicable for area

top center;
top right;
center left;
center center;
center right;
bottom left;
bottom center;
bottom right;


Just put this code with “your image URL” and that’s all.

body {
background-image: url(;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;

See example

One comment

  1. oh my, i could never imagine that it is this easy (I am a newbie, of course :D. Thanks a lot for the helpful post. This is the trick I have been searching for. I will try this trick as soon as possible. and yes, i will put your link into my blogroll as well. One more thing, if you allow me, i will write a same typical article for my friends in my country (Indomesia). But if you don't, it's okay. I also do hate "copycats".thanks.


Comments are closed.