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.

1 comment :

  1. Now THIS is a little spooky looking . . the mixture of subject matter makes it interesting.

    \0/ paula

    ReplyDelete

I ADORE comments! Thanks so much.