REINDEER

Background copyright Susie Jefferson, using images from Holiday Paper Pack 3 by Cesstrelle at HG Designs

Here's a new freebie Christmas background for you, using reindeer images from Cesstrelle's Holiday Paper Pack 3. Isn't this fun? Perfect for someone who wants a modern image with a bit of an edge.

This will fit most templates: 3-col, wide 2-col and also some of the freebie WordPress templates like Bueno. It will also fit some of the freebie Tumblr blog templates, eg: Redux. The Blogger template I've used here is Awesome.

BACKGROUND CODE

Just copy and paste all the code below into an html box in your sidebar.

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

HEADER

If you want to customise my header with your own text, right-click the picture to open to full size then left-click to save to your own computer. Add text using your favourite graphics programme, then load up and click' Instead of Title and Description'.

Otherwise, just save the header and click 'Behind Title and Description' to use Blogger's own default header text (click the Resize button if you want it smaller) or copy the code below and enter that instead.

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

Check out Cesstrelle's blog HG Designs for more fabulous papers, brushes, textures etc.

RETROMAN - EXTRA WIDE

Copyright Susie Jefferson

I've been asked to make an extra-wide Retro Man background and header, as now we can all use the Design template facility for widening our blogs, extra wide is the new buzz! So here you are. This one will take a good 1000px - 1100px wide posting and sidebar area. Enjoy!

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

HEADER

Here's the header (1000px wide). Left-click to open at full size, then right-click to save to your computer. You can then add your own lettering etc using your favourite graphics programme if you wish.

Enjoy!

LUGOSI

The header - see blow to download

Bela Lugosi was the vampires' Vampire - and this blog background for any horror fan or Goth (it's not just for Halloween) is my homage to him.






BACKGROUND

Showing a little more of the background. This is Watermark template

Just copy and paste all the code below into an html box in your sidebar.

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

HEADER

1000 pixels wide - click the Resize for Blog if you want it smaller

If you want to customise my header with your own text, right-click the picture to open to full size then left-click to save to your own computer. Add text using your favourite graphics programme, then load up and click' Instead of Title and Description'.

Otherwise, just save the header and click 'Behind Title and Description' to use Blogger's own default header text (click the Resize button if you want it smaller) or copy the code below and enter that instead.

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

If you are worried about such a dark background and are wondering how my posts show with a white background, I've used the Watermark template. Just go into Design, scroll down to Advanced, and adjust your settings to taste.

I hope you have fun with this one!

HORROR SHOW 2011 - FREE BLOG BACKGROUND

HORROR SHOW 2011 - freebie background from my Blogology blog

Here's my Halloween background (also for any Goths, horror movie fans etc) which I've tweaked for 2011 - the background is wider to accommodate bigger monitors (it's 1800 pixels wide) and with extra helpings of horror added, lol. This will work for the new Designer templates, the old templates and also several of the freebie WordPress templates (eg: Bueno, Coraline) and TypePad's Theme Builder template.

Just copy and paste all the code below into an html box in your sidebar .

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

HEADER

980 pixels wide

If you want to customise my header with your own text, right-click the picture to open to full size then left-click to save to your own computer. Add text using your favourite graphics programme, then load up and click' Instead of Title and Description'.

Otherwise, just save the header and click 'Behind Title and Description' to use Blogger's own default header text - or copy the code below and enter that instead.

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

For standard header widths, see my earlier version here: HORROR SHOW

PERFECT POSITIONING:

Here's how to centre the heading in the older templates (eg: Minima), and here is the tutorial for centering the header and removing that bar at the top that shows behind the header in some templates (eg: Simple, Watermark).

BLINKIE - UNCLE SAM

Here's a fun blinkie to celebrate Independence Day in the States.

<a href="http://1stfloorflat.blogspot.com/"><img border="0" src="http://i659.photobucket.com/albums/uu313/1stFloorFlatComputery/3ce9a407.gif"/></a>

Just copy all the code and paste into an html widget right into your sidebar! Have fun.

BLINKIE - LIVE THE LIFE YOU LOVE!

Here's a new blinkie I made for you all - now Spring has finally sprung, I felt we all needed something light, bright and positive!




<a href="http://1stfloorflatblogology.blogspot.com/" target="_blank"><img border="0" src="http://i659.photobucket.com/albums/uu313/1stFloorFlatComputery/930462a1.gif"/></a>


Just copy all the code and paste it into an html widget right into your sidebar!

'NO AWARDS' BUTTON

Just copy all the code below, and paste into an html widget:

<a href="http://1stfloorflatblogology.blogspot.com/" target="_blank"><img border="0" src="http://i659.photobucket.com/albums/uu313/1stFloorFlatComputery/883fa030.png"/></a>

I love awards - don't get me wrong - and have loved having them. 

But so many come with strings attached: tell x amount of things about yourself, award to x amount of blogs and say why... and I just don't have time these days!

So I'm hoping - for me and other busy people - this is a polite let-down, without causing any insult or hurt feelings!

LACE FLOWERS

One background - two colourways! As you can see, this works for a 3-colum blog - also the new Designer Templates.

The pink colourway uses one of the Designer Templates (Awesome No 2) which I then adjusted to tone in with my background design. This template will also work with some free WordPress templates (eg: Bueno) as well as the older Blogger templates (eg: Minima - below, using the background in the blue colourway). It will also work with wide 2-col blogs etc (as shown in the blue option below).

LACE FLOWERS - PINK

Copy ALL the code and paste into an html widget box (it'll load fastest if the widget is at the bottom of your blog):

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

HEADER

Header design copyright Susie Jefferson - bee border from Penniwig's

Custom Text
Left-click to bring the header up to full size, then right-click to copy to your computer. Add your own text using your favourite graphics programme. Upload to Blogger and tick 'Instead of title and description'. If using a 3-col or wide 2-col template, DON'T click the 'shrink to fit' option.

Blogger's Default Text
Either left-click to bring the header up to full size, right-click to copy to your computer, then upload to Blogger, using the default header text by ticking 'Behind title and description'. OR download the header code instead (above). Upload to Blogger using the default header text by ticking 'Behind title and description'.

LACE FLOWERS - BLUE

See the background in action live on Blade Rubber Stamps blog

This colourway shows a template from the old Editor - Minima, modified to a wider layout, so you can see how the same background design (although a different colourway) can work on different templates. You can also see that I customised the header with my own fonts. If you need to adjust the placement of the header in Minima or any of the older templates, here's my tutorial.

Copy ALL the code into an html widget:

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

HEADER

See the instructions above (under the pink header option) on how to install your header. Here's the code if you'd prefer it:

http://i659.photobucket.com/albums/uu313/1stFloorFlatComputery/d000ef8e.jpg

Hope you enjoy these!

SILENT SNOW

SILENT SNOW - copyright Susie Jefferson

I made this wintry background using two wonderful photographs (with permission) by Jamie at Art-e-ology. Thank you so much Jamie - these photographs are incredible!

Just copy all the code below and insert into an html widget right in your blog. This one is 950px and suitable for a 3-column blog, a wide 2-colum blog, the new Designer templates and also some of the freebie WordPress ones (eg: Bueno).

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

HEADER

SILENT SNOW png image - copyright Susie Jefferson

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

The header is a png file as it has a transparent background with a drop shadow, so for best results use the code below rather than left-click for the full size, and right-click to copy to your computer. If you want to add your own text, download the png and add text using your favourite graphics programme. MERGE the layers (don't flatten) and save as a png before reloading, or you'll end up with a white background instead of a transparent one.

EMAIL BUTTON

Here's a seasonal email button I made - and here's the post with full instructions on how to add your own address etc.

VICTORIAN CHRISTMAS

Victorian Christmas - copyright Susie Jefferson

Another freebie blog background and header set for you!

This will work with the new templates, the old templates, any 3-col or wide 2-col blog. Just copy all the code and insert into an html widget in your blog. This will also work with some of the freebie WordPress templates, eg: Bueno.

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

HEADER

Victorian Christmas - copyright Susie Jefferson

Left-click to bring up to full size, then right-click to copy to your computer. Add text using any graphics programme (don't forget to flatten when finished, and save as a jpg). Don't click to resize, and if you need to centre the header, just use my tutorial.

VINTAGE SNOWMAN

Vintage Snowman background - copyright Susie Jefferson

A sweet little vintage background for wide 2-col or 3-col blogs. It will work with Minima (old Editor) and Watermark (new Template Designer) plus some of the WordPress freebie templates.

Copy all the code into an html/widget box:

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

HEADER

Vintage Snowman header - copyright Susie Jefferson

Here's the matching header - as it's a rectangle and saved as a jpg, it's your choice if you'd like to left-click to bring up to full size then right-click to copy it and add your own text in your favourite digital programme, or load from the code below.

http://i659.photobucket.com/albums/uu313/1stFloorFlatComputery/38b32207.jpg

The header is 950px wide, so try saving without clicking the 'size to fit blog' option first, and if it's too big then reload it, clicking the option.

TIP:

• If loading the header using my code, just make sure you wait long enough for the image to load. You should see it in the preview pane BEFORE you click 'Save.
• If you feel your text is too far to one side, or you use the default Blogger text and it looks too high up, then use my tutorial to adjust.

VINTAGE ROBINS

Vintage Robins - copyright Susie Jefferson

Here's a brand new Christmassy background, header and email button set, to get you in the mood. 

This background will fit any 3-col blog and also a wider 2-col one, plus the new Designer Templates (see my post as to which will fit the best). Just copy all the code below exactly as you see it, and pop it into an html widget right on your blog. 

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

WordPress user? Yes, you can use this one as well! Go to Appearance, Background, then Upload Image. For Position, click 'center', for Repeat just click 'no repeat' and for Attachment click 'fixed' and it'll fit most freebie WordPress blogs. Ditto the header and email button - jut add the code as normal.

HEADER

Vintage Robins header - copyright Susie Jefferson

Copy the code below and enter into your Header box, either behind the title if you want to use Blogger's default header and descriptions, or copy to your computer and add your own customised header using your favourite graphics programme.

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

EMAIL BUTTON

The email button is also a png image (so it will show with a clear background).

Email button - copyright Susie Jefferson

Just copy the code and paste into an html widget box in your sidebar. Put your own email address where the code says email me and make sure there aren't any spaces between the : and the " or it won't work.

<a href="mailto:emailme"><img border="0" src="http://i659.photobucket.com/albums/uu313/1stFloorFlatComputery/d422aac7.png"/></a>

Enjoy!

BRASSAI

Copyright Susie Jefferson

BRASSAI

Mean and moody, this one is all about cold dark nights, rain, Film Noir - and an homage to the French photographer Brassai, whose images I've used. I'm using Watermark, one of the new Designer Templates, and clicked the Background Image to None. This background will also work with standard 2-col and 3-col blogs, Minima template etc.

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

 HEADER

Either left-click for the full-sized image and right-click to copy to your computer or else copy the code below, whichever you prefer. Customise the header using your favourite graphics programme, or use Blogger's default.

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

Hope you like it!

HALLOWEEN 2010

Here's a new background, header and blinkie set for all you horror fans!

My inspiration: dark, lonely street (probably raining just a little). No moon. Total silence, no passers-by... just the sound of footsteps... Do you hear an echo?....

BACKGROUND

HALLOWEEN 2010 - Copyright Susie Jefferson

Copy all the code below, exactly as you see it, and insert into an html box right into your sidebar or footer. This one will also work with the new Templates AND WordPress (depending on your template, of course. I know it works with WP's Bueno). This background is 880 pixels wide, so will fit standard 3-col blogs and wider 2-col blogs.

<style type="text/css">

body {background-image: url("http://i659.photobucket.com/albums/uu313/1stFloorFlatComputery/8c29da51.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/47e6b740.jpg"/>

</a></div>

HEADER

HALLOWEEN 2010 - copyright Susie Jefferson

Copy the image code below to install, or download to your blog if you want to customise it with your own text.

http://i659.photobucket.com/albums/uu313/1stFloorFlatComputery/a82a3af7.jpg

BLINKIE

HALLOWEEN 2010 - Copyright Susie Jefferson

 This is too big for a side bar - I designed it to go in your footer section. If you desperately want a smaller one for your sidebar, email me and I'll resize it. Again, copy the image code (below) to install.

http://i659.photobucket.com/albums/uu313/1stFloorFlatComputery/a0a85f3b.gif

Scare yourselves silly with these... ghosts, ghouls, and clowns (these used to terrify me when I was a child. NOT funny... Remember 'ITl by Stephen King?)  Did you see those teeth??

LIBRARY - HALLOWEEN VERSION

By popular request, a Halloween version of Library - not too scary, just some cobwebs and the odd spider...

Copy ALL the code into an html box:

<style type="text/css">
body {background-image: url("http://i659.photobucket.com/albums/uu313/1stFloorFlatComputery/34ff28b2.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/47e6b740.jpg"/>
</a></div>

HEADER

To install the header, copy the image code below (don't click the 'shrink to size' option if you want it BIG):

http://i659.photobucket.com/albums/uu313/1stFloorFlatComputery/c88ad866.jpg

Have fun with it!

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.

LIBRARY - 3-COLUMN BLOG

LIBRARY


A nice comfortable background - just a touch of Victoriana, where any book lover can settle right in with a favourite novel and a nice cup of tea.

Thanks to Cajoline for some lovely elements (chair, cup & saucer, lamp and coffee table).

This background is perfect for standard Minima 3-col and wide 2-col templates and will also fit nicely with some of the new Designer templates I've suggested (see my tutorial - tab under the header).

Copy all this code into an html box right into your sidebar:

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

HEADER

Left-click to bring up to full size and right-click to copy to your blog. Up to you if you'd like to add text with your favourite graphics programme or use Blogger's default text (it still looks good, lol).

If you want it to show as large as mine, don't tick Shrink To Fit in the header section.

SPOTS & CRAYONS

A sweet but not over-cute background which will work with a lot of templates, old and new!

TO INSTALL


Copy all of this code and paste into an html box in your sidebar

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

This background will fit a lot of the new Template Designer templates, as well as the older template designs like Stretch Minima, Thisaway etc. 

Here's my new tutorial on installing templates (button also under the header).

And a very long and definitive tutorial on my Computery blog.

This spot background is a small copyright-free tile pattern which I've expanded. If it's YOUR tile, please let me know so that I can give you the credit.

HEADER

Left-click to bring up to full size and right-click to copy to your computer. Up to you if you want to add text using your favourite graphics programme or use Blogger's default text. If you want the header at the maximum size, don't tick Shrink To Fit in the header option. If you have a 2-col blog etc, then DO tick Shrink To Fit.

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!

JUST US CHICKENS - 3 COLUMN BACKGROUND

And here is the 3-col set, for Minima or any 3-column blog, 4-column blog or wide 2-column blog.

Copy and paste all the code into an html box:

<style type="text/css">
body {background-image: url("http://i659.photobucket.com/albums/uu313/1stFloorFlatComputery/BACKGROUND%20SETS/35ce70b3.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>

Copy the code below:

http://i659.photobucket.com/albums/uu313/1stFloorFlatComputery/BACKGROUND%20SETS/af0a94fb.jpg

JUST US CHICKENS - 2 COLUMN BACKGROUND & HEADER SET

Here’s a mad background and header set for a 2-column blog. I made the background a little wider, so you can also use it for Rounders and Denim, not just Minima.

Copy & paste all the code into an html box:

<style type="text/css">
body {background-image: url("http://i659.photobucket.com/albums/uu313/1stFloorFlatComputery/BACKGROUND%20SETS/68bf73e0.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>

Image code for the header:

http://i659.photobucket.com/albums/uu313/1stFloorFlatComputery/BACKGROUND%20SETS/27263ad0.jpg

NEW ENGLAND - BEIGE

New England Beige - a more minimal version of New England Blue - very subdued taupes, creams, beiges and white with the slightest touch of grey. Lots of distressed effects, in two sizes of background, and two sizes of header.

3-COLUMN BACKGROUND

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

3-COLUMN HEADER

 Image Code:

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

This header has a transparent background and has been saved as a png. It will show best if you upload the image code into the Header box (in Layout view) without shrinking to fit.

2-COLUMN BACKGROUND

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

2-COLUMN HEADER

Image Code:

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

This header has a transparent background and has been saved as a png. It will show best if you upload the image code into the Header box (in Layout view) without shrinking to fit.