KISS FROM A ROSE - STRETCH BACKGROUND & HEADER

Here is a Stretch background - which will also work with 3-column and 4-column blogs, the new Blogger In Draft templates and others such as Rounders and Denim.

For normal Blogger templates, copy and paste all the code below into an html box:

<style type="text/css">
body {background-image: url("http://i659.photobucket.com/albums/uu313/1stFloorFlatComputery/fa6f82e4.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:50px; z-index:50; width:150px; height:30px;">
<a href="http://1stfloorflatblogology.blogspot.com/" target="_blank">
<img border="0" src="http://i659.photobucket.com/albums/uu313/1stFloorFlatComputery/9061ddc2.png"/>
</a></div>

If using Blogger In Draft templates, you need to go into the actual html of your blog.   

Save a copy of your template to your hard drive before you do anything, just in case... Then go to Layout >  Edit HTML find the code below (see my full tutorial):

.body-fauxcolumn-outer {

  background: $(body.background);

}

substitute the code with this to install your background:

.body-fauxcolumn-outer {

background-image: url(http://i659.photobucket.com/albums/uu313/1stFloorFlatComputery/fa6f82e4.jpg); background-position: center; background-repeat: no-repeat; background-attachment: fixed;}

.body-fauxcolumn-outer div {

background: none;

}

Here is the header:

Image code for the header:

http://i659.photobucket.com/albums/uu313/1stFloorFlatComputery/db1c44d1.png

This header will fit Stretch templates (don't shrink to fit when installing) and as it has a fancy edging, will look at its best if installed using the image code. If you want to customise the lettering, download to your computer and add the font layer then merge, and upload to Photobucket, Flickr etc - this will keep the background transparent and you won't get that horrible white rectangle!

To adjust the header into the perfect position and remove the borders round the header, see these tutorials:

• How to install my headers
• How to adjust the text/header
• How to remove the borders around the header

Hope you like it!