May 27, 2009

Stripes n Bubbles




<style type="text/css">body{background-image:url("http://backgrounds.blogdesignsbydani.com/Dani/Stripes n Bubbles.jpg");background-position:center; background-repeat: no-repeat; background-attachment: fixed;}</style> <div id="tag" style="position:absolute; left:0px;top:30px; width:150px; height:50px;"><a target="_blank" href="http://www.blogdesignsbydani.blogspot.com" title="http://blogdesignsbydani.blogspot.com"><img border="0" src="http://backgrounds.blogdesignsbydani.com/tags/Dani4.png"/> </a></div>

May 26, 2009

Black n White Maze




<style type="text/css">body{background-image:url("http://backgrounds.blogdesignsbydani.com/Dani/Black n White Maze.jpg");background-position:center; background-repeat: no-repeat; background-attachment: fixed;}</style> <div id="tag" style="position:absolute; left:0px;top:30px; width:150px; height:50px;"><a target="_blank" href="http://www.blogdesignsbydani.blogspot.com" title="http://blogdesignsbydani.blogspot.com"><img border="0" src="http://backgrounds.blogdesignsbydani.com/tags/Dani4.png"/> </a></div>

May 20, 2009

Faded Black n White Circles





<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3Ebody%7Bbackground-image%3Aurl%28%22http%3A//backgrounds.blogdesignsbydani.com/Dani/Black n White Circles.jpg%20%22%29%3Bbackground-position%3Acenter%3B%20background-repeat%3A%20no-repeat%3B%20background-attachment%3A%20fixed%3B%7D%3C/style%3E%20%3Cdiv%20id%3D%22tag%22%20style%3D%22position%3Aabsolute%3B%20left%3A0px%3Btop%3A30px%3B%20width%3A150px%3B%20height%3A50px%3B%22%3E%3Ca%20target%3D%22_blank%22%20href%3D%22http%3A//www.blogdesignsbydani.blogspot.com%22%20title%3D%22http%3A//blogdesignsbydani.blogspot.com%22%3E%3Cimg%20border%3D%220%22%20src%3D%22http%3A//backgrounds.blogdesignsbydani.com/tags/DaniBlacknWhite.png%22/%3E%20%3C/a%3E%3C/div%3E"))</script>






Purple Plaid n Flowers




<style type="text/css">body{background-image:url("http://backgrounds.blogdesignsbydani.com/Dani/Light Purple Plaid n Flowers.jpg");background-position:center; background-repeat: no-repeat; background-attachment: fixed;}</style> <div id="tag" style="position:absolute; left:0px;top:30px; width:150px; height:50px;"><a target="_blank" href="http://www.blogdesignsbydani.blogspot.com" title="http://blogdesignsbydani.blogspot.com><img border="0" src="http://backgrounds.blogdesignsbydani.com/tags/Dani4.png"/> </a></div>

May 15, 2009

Lime Green Plaid n Flowers




<style type="text/css">body{background-image:url("http://backgrounds.blogdesignsbydani.com/Dani/Lime Green Plaid n Flowers.jpg");background-position:center; background-repeat: no-repeat; background-attachment: fixed;}</style> <div id="tag" style="position:absolute; left:0px;top:30px; width:150px; height:50px;"><a target="_blank" href="http://www.blogdesignsbydani.blogspot.com" title="http://blogdesignsbydani.blogspot.com><img border="0" src="http://backgrounds.blogdesignsbydani.com/tags/Dani4.png"/> </a></div>

May 11, 2009

Blue Circle Buttons n Stripes






<style type="text/css">body{background-image:url("http://backgrounds.blogdesignsbydani.com/Dani/Blue Circle Buttons n Stripes.jpg");background-position:center; background-repeat: no-repeat; background-attachment: fixed;}</style> <div id="tag" style="position:absolute; left:0px;top:30px; width:123px; height:61px;"><a target="_blank" href="http://www.blogdesignsbydani.blogspot.com"><img border="0" src="http://backgrounds.blogdesignsbydani.com/tags/Dani3.png"/> </a></div>

Blue Circles n Stripes





<style type="text/css">body{background-image:url("http://backgrounds.blogdesignsbydani.com/Dani/Blue Circles n Stripes.jpg");background-position:center; background-repeat: no-repeat; background-attachment: fixed;}</style> <div id="tag" style="position:absolute; left:0px;top:30px; width:150px; height:50px;"><a target="_blank" href="http://www.blogdesignsbydani.blogspot.com" title="http://blogdesignsbydani.blogspot.com"><img border="0" src="http://backgrounds.blogdesignsbydani.com/tags/Dani4.png"/> </a></div>

Soft Blue Stripes



<style type="text/css">body{background-image:url("http://backgrounds.blogdesignsbydani.com/Dani/Soft Blue Stripes.jpg");background-position:center; background-repeat: no-repeat; background-attachment: fixed;}</style> <div id="tag" style="position:absolute; left:0px;top:30px; width:123px; height:61px;"><a target="_blank" href="http://www.blogdesignsbydani.blogspot.com"><img border="0" src="http://backgrounds.blogdesignsbydani.com/tags/Dani3.png"/> </a></div>

Green Swirls with Straight Lines





<style type="text/css">body{background-image:url("http://backgrounds.blogdesignsbydani.com/Dani/Green Swirls Straight Background.jpg");background-position:center; background-repeat: no-repeat; background-attachment: fixed;}</style> <div id="tag" style="position:absolute; left:0px;top:30px; width:150px; height:50px;"><a target="_blank" href="http://www.blogdesignsbydani.blogspot.com" title="http://blogdesignsbydani.blogspot.com"><img border="0" src="http://backgrounds.blogdesignsbydani.com/tags/Dani4.png"/> </a></div>

I Love Daisies!!



<style type="text/css">body{background-image:url("http://backgrounds.blogdesignsbydani.com/Dani/Daisy Field.jpg");background-position:center; background-repeat: no-repeat; background-attachment: fixed;}</style> <div id="tag" style="position:absolute; left:0px;top:30px; width:150; height:50px;"><a target="_blank" href="http://www.blogdesignsbydani.blogspot.com" title="http://blogdesignsbydani.blogspot.com"><img border="0" src="http://backgrounds.blogdesignsbydani.com/tags/Dani4.png"/> </a></div>

Purple Tulips


<style type="text/css">body{background-image:url("http://backgrounds.blogdesignsbydani.com/Dani/Purple Tulips.jpg");background-position:center; background-repeat: no-repeat; background-attachment: fixed;}</style> <div id="tag" style="position:absolute; left:0px;top:30px; width:200px; height:40px;"><a target="_blank" href="http://www.blogdesignsbydani.blogspot.com"><img border="0" src="http://backgrounds.blogdesignsbydani.com/tags/Dani3.png"/> </a></div>

May 9, 2009

Happy Mother's Day!


<style type="text/css">body{background-image:url("http://backgrounds.blogdesignsbydani.com/Dani/My Mother.jpg");background-position:center; background-repeat: no-repeat; background-attachment: fixed;}</style> <div id="tag" style="position:absolute; left:0px;top:30px; width:200px; height:40px;"><a target="_blank" href="http://www.blogdesignsbydani.blogspot.com"><img border="0" src="http://backgrounds.blogdesignsbydani.com/tags/Dani3.png"/> </a></div>

May 8, 2009

Piano


<style type="text/css">body{background-image:url("http://backgrounds.blogdesignsbydani.com/Dani/Piano.jpg");background-position:center; background-repeat: no-repeat; background-attachment: fixed;}</style> <div id="tag" style="position:absolute; left:0px;top:30px; width:150px; height:50px;"><a target="_blank" href="http://www.blogdesignsbydani.blogspot.com" title="http://blogdesignsbydani.blogspot.com"><img border="0" src="http://backgrounds.blogdesignsbydani.com/tags/Dani4.png"/> </a></div>

Falling Flowers-Purple


<style type="text/css">body{background-image:url("http://backgrounds.blogdesignsbydani.com/Dani/Falling Flowers_Purple.jpg");background-position:center; background-repeat: no-repeat; background-attachment: fixed;}</style> <div id="tag" style="position:absolute; left:0px;top:30px; width:200px; height:40px;"><a target="_blank" href="http://www.blogdesignsbydani.blogspot.com"><img border="0" src="http://backgrounds.blogdesignsbydani.com/tags/Dani3.png"/> </a></div>

May 4, 2009

Soft Blue Moon Stripes

<style type="text/css">body{background-image:url("http://backgrounds.blogdesignsbydani.com/Dani/Soft Blue Moon Stripes.jpg");background-position:center; background-repeat: no-repeat; background-attachment: fixed;}</style> <div id="tag" style="position:absolute; left:0px;top:30px; width:200px; height:40px;"><a target="_blank" href="http://www.blogdesignsbydani.blogspot.com"><img border="0" src="http://backgrounds.blogdesignsbydani.com/tags/Dani3.png"/> </a></div>

Blue Circle n Flowers




<style type="text/css">body{background-image:url("http://backgrounds.blogdesignsbydani.com/Dani/Blue Circles n Flowers.jpg");background-position:center; background-repeat: no-repeat; background-attachment: fixed;}</style>
<div id="tag" style="position:absolute; left:0px;top:30px; width:200px; height:40px;"><a target="_blank" href="http://www.blogdesignsbydani.blogspot.com"><img border="0" src="http://backgrounds.blogdesignsbydani.com/tags/Dani3.png"/> </a></div>

Pink Checkerboard



<style type="text/css">body{background-image:url("http://backgrounds.blogdesignsbydani.com/Dani/Pink Checkerboard.jpg");background-position:center;background-repeat: no-repeat; background-attachment: fixed;}</style> <div id="tag" style="position:absolute; left:0px;top:30px; width:200px; height:40px;"><a target="_blank" href="http://www.blogdesignsbydani.blogspot.com"><img border="0" src="http://backgrounds.blogdesignsbydani.com/tags/Dani3.png"/> </a></div>

Blue Checkerboard



<style type="text/css">body{background-image:url("http://backgrounds.blogdesignsbydani.com/Dani/Blue Checkerboard.jpg");background-position:center; background-repeat: no-repeat; background-attachment: fixed;}</style> <div id="tag" style="position:absolute; left:0px;top:30px; width:200px; height:40px;"><a target="_blank" href="http://www.blogdesignsbydani.blogspot.com"><img border="0" src="http://backgrounds.blogdesignsbydani.com/tags/Dani3.png"/> </a></div>

Checkerboard



<style type="text/css">body{background-image:url("http://backgrounds.blogdesignsbydani.com/Dani/Checkerboard Background.jpg");background-position:center;background-repeat: no-repeat; background-attachment: fixed;}</style> <div id="tag" style="position:absolute; left:0px;top:30px; width:200px; height:40px;"><a target="_blank" href="http://www.blogdesignsbydani.blogspot.com"><img border="0" src="http://backgrounds.blogdesignsbydani.com/tags/Dani3.png"/> </a></div>

Woven Black n White





<style type="text/css">body{background-image:url("http://backgrounds.blogdesignsbydani.com/Dani/Woven Black n White.jpg");background-position:center; background-repeat: no-repeat; background-attachment: fixed;}</style> <div id="tag" style="position:absolute; left:0px;top:30px; width:200px; height:40px;"><a target="_blank" href="http://www.blogdesignsbydani.blogspot.com"><img border="0" src="http://backgrounds.blogdesignsbydani.com/tags/Dani3.png"/> </a></div>

Tulips, Tulips, Tulips


<style type="text/css">body{background-image:url("http://backgrounds.blogdesignsbydani.com/Dani/Full Tulips Background.jpg");background-position:center; background-repeat: no-repeat; background-attachment: fixed;}</style> <div id="tag" style="position:absolute; left:0px;top:30px; width:150px; height:50px;"><a target="_blank" href="http://www.blogdesignsbydani.blogspot.com" title="http://blogdesignsbydani.blogspot.com"><img border="0" src="http://backgrounds.blogdesignsbydani.com/tags/Dani4.png"/> </a></div>

May 2, 2009

Adding/Changing Your Background


By adding my designs to your blog, you agree to my terms of use.

Don't know how to add/change your background?
Let me help you:

Update:  Blogger has finally removed their old interface. This means that the Minima template that I have been recommending for my backgrounds is no longer available. Don't worry, though. I'll walk you through how to add my backgrounds with the other templates.

1. If you already have the Minima template, that is great! Don't change your template.

2. If you don't have the Minima template, follow steps 2-3. Login to your blog and click on Template from either the drop-down menu or the menu on the left. (You will have to choose a template other than Minima since it is no longer available.)


3. Scroll down to see all of your template options. I recommend any of the following:
    Simple -  either the Black (3rd from left), Red (4th), Books (5th) or White (7th)
    Picture Window - any of these will work.
    Awesome Inc - any of these will work.
   Watermark - all but the Grass template (3rd from left) will work
   Ethereal - only the first one will work.
   Travel - any of these will work.

Click on any of these templates to Preview it before actually adding it to your blog. You may have to "Customize" these templates in the "Template Designer" to remove unwanted backgrounds and colors as well as adjust the width of the body of your blog. Once you decide on a template, click "Apply to Blog".

Remove any unwanted backgrounds by clicking Customize (an orange button).
  • In the Template Designer, first click "Background" from the far left list of choices. If there is a background there, click "remove background". 
  • To remove other unwanted features, click "Advanced". In the menu next to "Advanced", click on any feature you would like to customize. For example, on some templates, "Background" will allow you to change the background color. If you want a specific background color to be gone, click the arrow or drop-down menu and then click "Transparent" to the right and below all of the color options.
  • To get out of the Template Designer, click Apply to Blog to save your changes and then click Back to Blogger.
 
4. In a new tab or window, go to Blog Designs by Dani and choose a background from my Free Backgrounds.

5. Copy the html listed below the background.

6. Go back to your blog and click Layout.

7. Now, click Add a Gadget.

8. Select the gadget called HTML/JavaScript.

9. A window will pop-up. Paste the html into this window

10. You can save it at this point but there may be one small glitch. When I wrote the code, I made it so that a link to my blog shows up in the top left corner. However, on these new templates (not Minima) my link shows up in weird spots. If you don't care, click Save and be done.

However, if you would like to remove this small tag, find the part in the code that says this:

%3Cdiv%20id%3D%22tag%22%20style%3D%22position ... 

and ends with this:

png%22/%3E%20%3C/a%3E%3C/div%3E

and delete all of the code in between.

(I will try to update my backgrounds to avoid this last step, but until then please do this.)

11. Finally, click Save.

12. If you removed the link to my blog in step 10, you must add my button to your sidebar. Here's the instructions to do that:

How to Add My Button

(You must link back to my blog with my button to use my blog backgrounds.)


You did it! Now click on View Blog and see your beautiful new blog!

***If you already have a background from another site and you followed the same instructions to add their background, you need to remove that background first.

To remove your old background:

1. Go back to the Layout.

2. Click on the HTML/JavaScript gadget that the old background html is pasted into.

3. Either click Remove and follow the instructions above or delete all the old html and paste in the new html.

4. Click Save and you are done!


One more thing...
 If you  need to adjust the width of your blog (the main text and sidebars) to fit the background image, go to the Template Designer again by clicking Customize and then "Adjust Widths." Move the sliding bar until the design looks good on your background. Then click Apply to Blog and View Blog.

May 1, 2009

Add My Button


 
<center><a href=http://blogdesignsbydani.blogspot.com/><img src="http://bdbd.blogdesignsbydani.com/Dani Button.png"/></a></center>


To add my button to your blog:

1. Copy the html in the box above.
2. Click Layout and then click Add a Gadget in your sidebar.
3. Choose HTML/ JavaScript.
4. Paste the html into the pop-up window.
5. Click Save!