Related Posts Widget for Blogs by LinkWithin
Showing posts with label change the background of your blog. Show all posts
Showing posts with label change the background of your blog. Show all posts

Saturday, April 12, 2008

Good stuff I want to share ~






Changing the background of your blog:

First, research on the web wallpaper websites or fabric websites till you find a sample that you really like right click it and save it to your hard drive. You can scan your favorite fabric and save it as a jpg or maybe even scan something that has a pattern on it that you love. I wouldn't use anything that you would get in trouble copyright wise.

Make sure that the sample you clicked on has no white border or anything around the edge.

Then what I do next is upload it to my free www.Flickr.com account. The reason being is that they store it there and offer you different sizes of this photo. Click on "all sizes" after you have uploaded it and you will have a selection of small ,medium and large. I click on the small. Then under the photo they will give you the http address where it is stored. Highlight and copy this (Ctrl c).

(Oh by the way I use the MINIMA template for my blog but on my links blog I used Scribe I think the name is and you can change the background there too!)

Go into your blog to the template area. click on Edit HTML and look for this section in the mumbo jumbo weirdo coding:



);margin:0;color:$textcolor;font:x-small Georgia Serif;font-size/* */:/**/small;font-size: /**/small;text-align: center;
}



Do you see the highlighted blue area? That is what you will highlight and PASTE (Ctrl c will copy what you've highlighted and Ctrl v will paste what you've highlighted) in your new photo image that will be your background.
It may look like this if your background is a solid color:
body { background:$bgcolor;
margin:0;color:$textcolor;font:x-small Georgia Serif;font-size/* */:/**/small;font-size: /**/small;text-align: center;
}
but you need to copy and paste the entire line below (but with your image from flickr.....):
body {background-image: url(http://farm3.static.flickr.com/2201/2084631059_7baff00a96_o.gif
);margin:0;color:$textcolor;font:x-small Georgia Serif;font-size/* */:/**/small;font-size: /**/small;text-align: center;
}

PREVIEW IT first before you save anything. What you might do before you ever get started is highlight the original HTML of your blog that is in the window and paste it into a Wordpad file on you computer and save it to your harddrive just for safekeeping and if you mess up you will have it to go back and copy and paste back into your template area.

Please let me know if you have any questions, OK?

xxoo,
Dawn

Labels

Related Posts Plugin for WordPress, Blogger...