STEAMPUNK BACKGROUND & HEADER SET

MY COMPUTERY BLOG

Welcome to the world of Steampunk - Victoriana, strange machines, futuristic...

BACKGROUND

For a wide 2-col blog or a standard 3-col blog - which will also work with the new templates.Enter ALL the code, exactly as shown, into an html widget on your blog (sidebar or footer):

<style type="text/css">
body {background-image: url("http://i659.photobucket.com/albums/uu313/1stFloorFlatComputery/39493c4f.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>

HEADERS

HEADER - 880 px wide

Just copy the image code into a Picture widget:

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

 Customise with any graphics programme.

HEADER - 950px wide

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

Just copy the image code (above into a Picture widget). This header is very wide - when you install it, untick the 'resize' button (it will look as wide as mine in the example above and on the Computery page).

Here's my tutorial on how to centre the header if it needs adjusting (depends on the blog template).

FOOTER BUTTON

Finally, a fun 'Thanks for Visiting' button to add to the footer section of your blog.Just copy the image code (below) into a Picture widget.

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

ENJOY!


Images taken from the fabulous new Steampunk collection by Cecilia Swatton and available from here.