Sassy Dots 3 Column Background

Suzanne Woolcott
Sassy Dots Background

(Make sure you are using the Minima template.)

This one is for a 3 column blog ... see the post below for the headers to match :)



1. Copy all the code in the box below by hi-lighting it and
pressing "CTRL and C" at the same time.

<style type="text/css">body {background-image: url("http://i84.photobucket.com/albums/k37/debscraft/BackGrounds/3SWSassyDotsBlogBG.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://bloggerblogbackgrounds.blogspot.com/" target="_blank"><img src="http://i84.photobucket.com/albums/k37/debscraft/blog/BgBlogLink.jpg" border="0" /></a></div>

2. Log in to your blogger blog.

3. Click on "Customise" to take you to the, "Add and Arrange Page Elements" page.

4. Click on "Add Gadget" scroll down to "HTML/JavaScript" and click on the blue "+" sign.

5. Paste the above code in the Contents
box using "CTRL and V".
(You can leave the Title box blank.)

6. Click "Save".

Enjoy!

Sassy Dots 2 Column Blog Background

SW Sassy Dots Background

(Make sure you are using the Minima template.)

This one is for a 2 column blog :)



1. Copy all the code in the box below by hi-lighting it and
pressing "CTRL and C" at the same time.

<style type="text/css">body {background-image:url("http://i84.photobucket.com/albums/k37/debscraft/BackGrounds/SWSassyDotsBlogBG.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://bloggerblogbackgrounds.blogspot.com/" target="_blank"><img border="0" src="http://i84.photobucket.com/albums/k37/debscraft/blog/BgBlogLink.jpg"/></a></div>

2. Log in to your blogger blog.

3. Click on "Customise" to take you to the, "Add and Arrange Page Elements" page.

4. Click on "Add Gadget" scroll down to "HTML/JavaScript" and click on the blue "+" sign.

5. Paste the above code in the Contents
box using "CTRL and V".
(You can leave the Title box blank.)

6. Click "Save".

Header to match ....

1. Click the image below to enlarge.

2. Right click and, "save as".

With Text:


3. Edit your header and upload it from your PC. If choosing the blank header below, make sure you set the placement as:

"Behind title and description"

So it shows your text.

Blank Header:



Enjoy!