How To Add Background images to Blogger Templates
How To Add image to the Header log in to your dashboard--> layout- -> Edit HTML, scroll to where you see this:- #header-wrapper { Add ...
https://iskablogs.blogspot.com/2009/04/how-to-add-background-images-to-blogger.html
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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihm0gh2rwYBvbYAdaQVpb-h4sSph9tfOJGA7St5D9TrsskFeQoHyk6Y3pXHcmMsfjIt0UAi5zXLwWC4uKxPilN6fSkbQMsq1vGVgFPiVxxceVQCE1jwYF6SAnGPvtjIODEEqjKtoPoU5I/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihm0gh2rwYBvbYAdaQVpb-h4sSph9tfOJGA7St5D9TrsskFeQoHyk6Y3pXHcmMsfjIt0UAi5zXLwWC4uKxPilN6fSkbQMsq1vGVgFPiVxxceVQCE1jwYF6SAnGPvtjIODEEqjKtoPoU5I/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihm0gh2rwYBvbYAdaQVpb-h4sSph9tfOJGA7St5D9TrsskFeQoHyk6Y3pXHcmMsfjIt0UAi5zXLwWC4uKxPilN6fSkbQMsq1vGVgFPiVxxceVQCE1jwYF6SAnGPvtjIODEEqjKtoPoU5I/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihm0gh2rwYBvbYAdaQVpb-h4sSph9tfOJGA7St5D9TrsskFeQoHyk6Y3pXHcmMsfjIt0UAi5zXLwWC4uKxPilN6fSkbQMsq1vGVgFPiVxxceVQCE1jwYF6SAnGPvtjIODEEqjKtoPoU5I/s400/digg1.jpeg);
Save the template and refresh your site.
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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihm0gh2rwYBvbYAdaQVpb-h4sSph9tfOJGA7St5D9TrsskFeQoHyk6Y3pXHcmMsfjIt0UAi5zXLwWC4uKxPilN6fSkbQMsq1vGVgFPiVxxceVQCE1jwYF6SAnGPvtjIODEEqjKtoPoU5I/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihm0gh2rwYBvbYAdaQVpb-h4sSph9tfOJGA7St5D9TrsskFeQoHyk6Y3pXHcmMsfjIt0UAi5zXLwWC4uKxPilN6fSkbQMsq1vGVgFPiVxxceVQCE1jwYF6SAnGPvtjIODEEqjKtoPoU5I/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihm0gh2rwYBvbYAdaQVpb-h4sSph9tfOJGA7St5D9TrsskFeQoHyk6Y3pXHcmMsfjIt0UAi5zXLwWC4uKxPilN6fSkbQMsq1vGVgFPiVxxceVQCE1jwYF6SAnGPvtjIODEEqjKtoPoU5I/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihm0gh2rwYBvbYAdaQVpb-h4sSph9tfOJGA7St5D9TrsskFeQoHyk6Y3pXHcmMsfjIt0UAi5zXLwWC4uKxPilN6fSkbQMsq1vGVgFPiVxxceVQCE1jwYF6SAnGPvtjIODEEqjKtoPoU5I/s400/digg1.jpeg);
Save the template and refresh your site.
