Thursday, October 02, 2008

Changing your Background in Blogger

I've been playing around making blog backgrounds using my designs. If you'd like to play around yourself, you can download some free backgrounds by clicking here. These are my original designs, so please do not redistribute them to others. If you'd like to share them with friends, link them to this site to get their own. There are 17 backgrounds in all, including these:







If you use one of these backgrounds, please give credit somewhere on your blog to Christina Bartholomew (fine print is okay!). A link back to this blog is appreciated, but not required.

To use one of these images, first upload it to a hosting site, such as photobucket. Get the URL to the image, then do the following:

1. Log into your blogger account.

2. Choose the "Layout" tab

3. Click "Edit HTML"

4. Scroll down the html code until you find something that looks like the following:

body {
background:#FFF;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

5. Replace the code with this, using the link to your hosted image:
body {

background:$bgcolor;background-image:url(http://www.REPLACETHISLINK.jpg);
background-position: center; background-repeat:no-repeat; background-attachment: fixed;

margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center;
background-attachment: fixed }
These backgrounds should also work in other blog formats. Enjoy!

6 comments:

Wizzard_MoM because I know it all. (NOT) said...

I really like the look of your blog now!! I've been working on trying to come up with my own background, but apparently don't know enough to tweak it just right to make it work, and look the way I want it too. But I do like the look of these that you've submitted.

Melody aka pebbles7195 said...

Love the blog bakgrounds - thanks so much for sharing!! I have made one of my own but can't seem to get it to work with blogger!! Can you help? I followed your directions but one question am I suppose to be using the html code from photobucket? Thanks in advance for any help you can give!! Hugs!! :)

Christina Bartholomew said...

Melody, have you uploaded the photo to photobucket? I don't think you need to use any code from them to get it to work, you just need the straight-out link to the images -- for instance, http://i231.photobucket.com/albums/ee180/stuffhere/4.jpg Use that in place of the bogus "http://yourlinkhere" I put in the instructions

Un Dianauta said...
This comment has been removed by the author.
Agustín said...

Thank you Christina!!!

hcalder said...

Thanks...you're wonderful!

LinkWithin

Related Posts Plugin for WordPress, Blogger...