Blogger Tips and Tricks

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