Advertisements

How To Add Background images to Blogger Templates

Posted by Lasantha Bandara on April 4th, 2009 File Under : change template, header, image, post2 Comments
Advertisements

How To Add image to the Header

log in to your dashboard--> layout- -> Edit HTML, scroll to where you see this:-

#header-wrapper {

Add immediately after that the following line:-

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

See the example below.

#header-wrapper {
background-image: url(http://3.bp.blogspot.com/_-j7_-ccACuU/SdR7q0uh0_I/AAAAAAAAADs/IxkuhTpf6CE/s400/digg1.jpeg);

Save the template and refresh your site.


How To Add image to the Main Background

log in to your dashboard--> layout- -> Edit HTML, scroll to where you see this:-

body {

Add immediately after that the following line:-

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

See the example below.

body {
background-image: url(http://3.bp.blogspot.com/_-j7_-ccACuU/SdR7q0uh0_I/AAAAAAAAADs/IxkuhTpf6CE/s400/digg1.jpeg);

Save the template and refresh your site.


How To Add image to the Posts Background

log in to your dashboard--> layout- -> Edit HTML, scroll to where you see this:-

#main-wrapper {

Add immediately after that the following line:-

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

See the example below.

#main-wrapper {
background-image: url(http://3.bp.blogspot.com/_-j7_-ccACuU/SdR7q0uh0_I/AAAAAAAAADs/IxkuhTpf6CE/s400/digg1.jpeg);

Save the template and refresh your site.


How To Add image to the Sidebar Background

log in to your dashboard--> layout- -> Edit HTML, scroll to where you see this:-

#sidebar-wrapper {

Add immediately after that the following line:-

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

See the example below.

#sidebar-wrapper {
background-image: url(http://3.bp.blogspot.com/_-j7_-ccACuU/SdR7q0uh0_I/AAAAAAAAADs/IxkuhTpf6CE/s400/digg1.jpeg);

Save the template and refresh your site.

File Under : change template, header, image, post

2 Responses to “How To Add Background images to Blogger Templates”

  1. The Royal Dorkness Herself says:

    hey, I have the TicTac template, is it even possible to change the background on my site?

    http://randomthoughtsofadorkygirl.blogspot.com/

  2. Abida says:

    its nice.....for my blog thanks..

Leave a Reply