Wednesday, January 24, 2007

Linda's How-Do-I Series? How Do I Add Wallpaper To My Blog?

I love adding wallpaper to my blogs and I suspect most crafters who have blogs would love to provide their own wallpaper for their blog. To personalize it and really make it your own.

So, how do you do that. Well, first you need to have an image reside either on your server or in some photo hosting website so you have a unique URL for your image.

Once you have that then you need to find the background image HTML coding within your blog.

You'll be looking for something generally at the top of the template and within the body of the template that looks like the following:

It might just say background and a color # like the example below:

body {
background:#003366;

or it might have not only a background color # but an image URL as well, like the example below:

or body {
background:#003366 url(http://i24.photobucket.com/albums/c47/LWOriginals/background9.jpg);

The image URL is where you want to add your wallpaper's image URL.

For example, if you were to copy/paste my image URL http://i24.photobucket.com/albums/c47/LWOriginals/background9.jpg into your browser window or just click HERE you'll see the image I'm using for one of my blogs.

Now, depending upon the image you use you may also need to tell your blog or website to repeat the image over and over to cover your page or not to repeat at all. To repeat you would add "repeat left top;" or "repeat left bottom;" to the HTML string so your new HTML coding would like like this:

or body {
background:#003366 url(http://i24.photobucket.com/albums/c47/LWOriginals/background9.jpg) repeat left top;

This tells the software to repeat the image over and over from the left top and down or from the left bottom and up.

If you don't want the image to repeat then you would add "no-repeat left top;" or "no-repeat left bottom;" to the HTML string so your new HTML coding would like like this:

or body {
background:#003366 url(http://i24.photobucket.com/albums/c47/LWOriginals/background9.jpg) no-repeat left top;

It's actually pretty easy to add wallpaper to your blog once you find where the background coding is within your blog's template. The best course of action is to try it and then "preview" to see what happened to your blog. Do not SAVE your blog's template until you're sure you added the wallpaper correctly. Also, it would be a good idea to save a copy of your blog's template before changing the wallpaper.

Have fun wallpapering!


Posted by Linda Walsh Originals- "Doll Patterns for Grown-up Girls!"
Linda Walsh Originals E-Patterns - "Instant Download E-Patterns for Grown-up Girls!"

No comments:

Post a Comment