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 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/AVvXsEjdZGlvOQ5Jh4x8ANTjAMbMGF69dbBQKw-X8xZny5zcYMlMo4ZjaCG_-c-EOnsPDO845KdkWfaMDqxKv1-DCGgkJ0TraHAGZ9VpGEUK77_6Y55ORjAXeDDkztTJw2k_-2QVk5DFEDaN-Mg/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/AVvXsEjdZGlvOQ5Jh4x8ANTjAMbMGF69dbBQKw-X8xZny5zcYMlMo4ZjaCG_-c-EOnsPDO845KdkWfaMDqxKv1-DCGgkJ0TraHAGZ9VpGEUK77_6Y55ORjAXeDDkztTJw2k_-2QVk5DFEDaN-Mg/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/AVvXsEjdZGlvOQ5Jh4x8ANTjAMbMGF69dbBQKw-X8xZny5zcYMlMo4ZjaCG_-c-EOnsPDO845KdkWfaMDqxKv1-DCGgkJ0TraHAGZ9VpGEUK77_6Y55ORjAXeDDkztTJw2k_-2QVk5DFEDaN-Mg/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/AVvXsEjdZGlvOQ5Jh4x8ANTjAMbMGF69dbBQKw-X8xZny5zcYMlMo4ZjaCG_-c-EOnsPDO845KdkWfaMDqxKv1-DCGgkJ0TraHAGZ9VpGEUK77_6Y55ORjAXeDDkztTJw2k_-2QVk5DFEDaN-Mg/s400/digg1.jpeg);
Save the template and refresh your site.

Read More

How To Fix PNG Transparency Problem in Internet Explorer 6

If you are using Internet Explorer version 6, you can see png images of web pages showing inside a white background. It add a bad appearance to your website or blog.This is a problem because still some people are using Internet Explorer version 6,it is the default browser for windows XP.So this quick and simple tutorial will show you how to fix this PNG transparency problem in Internet Explorer 6.
Login to your Blogger dashboard --> Design --> Edit HTML.
You don't need to click on "Expand Widget Templates".
Scroll down to where you see the </head> tag of your template.
Now copy below code and paste it just before the </head> tag.

<!--[if lt IE 7]>
<script type="text/javascript" src="http://bnote.googlecode.com/files/unitpngfix.js"></script>
<![endif]-->

I have hosted "unitpngfix.js" file on google code.
Note : Best thing is, hosting this "unitpngfix.js" file yourself.So you can download it from HERE.
Now save your template and you are done.You can check updates and more details of this script from http://labs.unitinteractive.com/unitpngfix.php.

Read More