Earwen's Background: EDITED!!!

***Go to THIS post to see how to use my backgrounds!***

My bloggy friend, Earwen, decided upon THIS background! Congratulations Earwen! Here is the direct link:

http://i566.photobucket.com/albums/ss102/emijiz/Backgrounds-6fairytales6.jpg

For easy instructions on how to use my background click on the link at the top of this post. If you need more instructions, click on the 'Contact Me' button to your right. It looks like this:

And here is your matching header with YOUR blog title:


Again, if you don't like the text or color, CONTACT ME and I'll try and fix it.

And here is Earwen's Story blog layout:



Direct Link: http://i566.photobucket.com/albums/ss102/emijiz/Backgrounds-8castledragon8.jpg
Thanks for choosing my backgrounds Earwen! Have a wonderful day!

How to use my backgrounds - EDITED!!!

I'll be posting free backgrounds VERY soon, so here's how to use them!

1. Log into your blogger account.
2. Go to your blog Layout and then to your Edit HTML.
3. Scroll down until you see this code:

body {
background:$bgcolor;

4. (Sorry this is bold :) Copy the code in bold above.
5. Replace the code with this:

background:url();

Inside the parentheses, insert the image URL I will give you when I post the free backgrounds! Enjoy!!!

Tutorial: Making a Blog Button - EDITED!

****Updated****

Earwen left a comment and asked how to make a blog button. Well I'm here to help!

1. Create your image and upload it to photobucket.
3. Resize your image to about 200x200 pixels.
4. Once you are back to your album (Done editing), hover over your image and check the box marked with the title of the image.


5. Once you check the box, scroll all the way down to the bottom of the page.
6. Click on 'Generate HTML and IMG code'.


7. It will then take you to a page that looks like this:

8. Copy all of the first code (HTML clickable thumbnails for Ebay, Livejournal, MySpace, etc.).
9. Log into your blogger dashboard and go to layout.
10. Paste the code from photobucket into an HTML/JavaScript gadget.
11. Now you need to change the code. Your code will say something like: h r e f = http / / : 'the photobucket username' Right there you erase it and put in your blog address. (right after the address it will have a line / and a question mark ?. Like I would put in http://rainydayblogdesign.blogspot.com instead of the photobucket username.
12. Now you have your blog button image!
13. Next, you have to make a NEW gadget (HTML/JavaScript)
14. Paste this: <br />YOUR TEXT HERE (put the 2nd code with YOUR web address here!)<br /> That is your text box!
15. Put that code under your blog button image.
16. Voila! You have your blog button!

How to upload an image to Photobucket:

1. First you need to have an account with Photobucket, if you don't this whole process is worthless! I'm sure you could do it with another photo uploading site, but I've only tried Photobucket.
2. Go to your page (Where all your images are displayed) and click on this:

(Click on the picture to make it bigger)

3. It should allow you to choose your picture and upload it. If not, e-mail and I'll try to give you more step-by-step instructions!

Any questions or comments? Did it not work? Contact me and I'll try to figure out the problem!

Blessings,