Smitten Backgrounds

With the release of our newest kit, Smitten, we have decided to start out with a new kind of freebie for us. We love, love, LOVE the way this kit turned out and we are both huge fans of the pink & brown color combination. So today we actually have two freebies to help make your computer a little bit cuter - a desktop background and a blog background with a header. We included instructions on how to install them in the previous post and also included instructions in with the downloads. So we hope you like these, and look for the papers on Thursday. Enjoy!!

Here is the direct link for this background. Please scroll down to previous post to get the rest of the HTML code that you will need. Even if you've installed your own blog background before, please use our code - it includes a cute button to link back to us.

http://i984.photobucket.com/albums/ae328/whitedaisydesigns/Blog%20Backgrounds/PinkBrownBackground.jpg

Click here to download

Click here to download

Instructions for Installing Blog and Desktop Backgrounds

Directions for installing our blog background and header:

You need to set your blog template to MINIMA!(Remember that you aren't going to lose your widgets)
1. Click "Customize" at the top right corner of your signed in page
2. Click "Add a Gadget"
3. Find "HTML/Java Script" and click "Add to Blog"
4. It should say Configure HTML/Java Script. The HTML code you need for the background is below. Copy the entire code and paste it into that white box. Then, where it says **Direct Link** in the parenthesis you will copy and paste the link for the background you want to install. Make sure you leave the parenthesis.

<style type="text/css">body {background-image: url(**Direct Link**); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="Z-INDEX: 50; LEFT: 0px; WIDTH: 150px; POSITION: absolute; TOP: 20px; HEIGHT: 20px"><a href="http://www.scrappingsisters.blogspot.com/" target="blank"><img border="0" src="http://i984.photobucket.com/albums/ae328/whitedaisydesigns/Blog%20Backgrounds/HeartButton.png"/></a></div>


When you have set the blog background, if you would like to add the header as well-

1. Open the .jpeg header file in whatever program you use (photoshop, etc.) and customize it to your liking.
2. Save your edited header.
3. Click "Edit" on the header bar (still in the customize menu of your blog)
4. Choose "Remove Image" if you currently have a header installed.
5. Select "Instead of Title and Description", and "Shrink to Fit".
6. Choose Upload Image from your computer, and browse to find your saved header.
7. Choose "Save"

If you also want to remove the small border that shows up around the header:

1. In the main "Customize" menu, click "Edit HTML"
2. Scroll down until you come to #header-wrapper
3. Find border: 1px solid $bordercolor;
4. Change the 1 to a 0 and save template

Whew! Still with us? Here is the info for how to change your desktop background:

Choose Desktop Background:
Desktop small designed at 1024 X 768
Desktop large designed at 1400 X 900

1. Choose the background you want depending on the size of your monitor (is it large or small?)
2. Open the .png and add the picture of your choice.
3. Save as a .jpeg
4. Right click and choose option 'Set as Desktop Background'.