New blogger templates are slightly different from the older templates. In the older templates, you would change the background in the Edit HTML section of your template, under the body {

However, with the new templates, you can change it from the template designer. To change to your own custom background, follow these steps below.

Design > Template Designer > Advanced > Add CSS

Once you are in “Add CSS”, you would place a code like this below.

RED: This is the image URL.

BLUE: This is the positioning variable.

ORANGE: This is the repeat variable.

GREEN: This is the attachment variable.

Below is the explanation of the variables and their purpose.

Positioning Variables (PV):

This is the image position in relation to the center of the element (In this case it is your whole screen). You can use any one of these variables below.

* top left

* top center

* top right

* center left

* center center

* center right

* bottom left

* bottom center

* bottom right

Repeat Variables (RV):

This is how the image repeats itself.

*repeat (Repeats Y and X also known as tiled)

*repeat-x (Repeats Horizontal)

*repeat-y (Repeats Vertical)

*no-repeat (No repeat)

Attachment Variables (AV):

This will control if the image moves with the screen when your scroll or stays in place.

*fixed (Stays in place)

*scroll (Scrolls with screen)

After you are done with the code, it may look like this below.

(Please note that some newer blogger templates may have conflicting elements that may cause the background not working as you wanted).

Here are a few below that I noticed you need to differ from the instructions.  If you are using one of these templates you may have to place the codes below.

The positioning variables and Repeat variables must be the same for both. The attachment must be set to fixed.  You can also use two different images for a custom design. However, to get a single image to display correctly, you must follow the steps accordingly.

(If you have any question, refer to "Help" tab).

To change the word - "Newer Post, Older Post, and Home" links at the bottom of your post,  you can either change the text of these or you can use a image in their place.

1. Go to Design-->Edit HTML--> Expand Widget Templates

2. Click Ctrl+F to open the browser Find bar

3. In the find bar enter Blog1

You should see something like this below.

Replace the color with text or image you want to use.

Red is your Newer Post link

Orange is your Older Post link

Blue is your Home link

If you want to use a image in their place then you should upload 3 different images to a file share and place the image embedded code in the place of the colored text instead.

The correct image code should look something like this.

We could even take this to a farther level and have a different image to display when no more pages are left to go any farther. Basically meaning if I am on the Homepage then "My Newer Link Image When No Pages Can Be Turned" would display. Then it works the same for the last page but only with "My Older Link Image When No Pages Can Be Turned" would display instead.

This is what the code would look like.

Just Fill in the Red with what the text ask for.