Saturday, July 7, 2007

Using A Background Image From Photobucket

***Before you do any of this copy the whole HTML code for blog and paste it in word or notebook or something. Just so you have it in case something goes wrong.

- Log in to your blog. Go to "customize" and then "layout" and then "pick a new template." Choose the minima template. (By doing this you will most likely lose all of you widgets like your blog lists and most things on your side bar- you will have to re-do them this time, but if you change your background again like this you won't change your template so you will be able to keep them all the next time).


- Then click on ‘edit HTML’ (this is where you should copy the whole code to Word before you make any changes) scroll through it until you see this:

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

Change that to this:

body {

background:$bgcolor;background-image:url(
direct link goes here);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;

-Now, copy the direct link from the photobucket image and put it between the parentheses, and click save.

The image will look different on every computer screen due to different screen resolutions. If you want to change your screen resolution right click on your desktop, go to properties and then settings and you can change it there.

1 comment:

  1. Okay that is freakin rad! Where did you earn to read HTML, Cause I would love too, I try to figure it out, but I doesn't make sense some times.

    ReplyDelete