2007-09-04

The Head Tag: Setting Background Image

HOME||CONTENTS

The HTML <head> and </head> tags are typically found immediately after the opening <html> tag of an HTML document. If you open the template of your Blogger blog, you would see these tags. These tags are very important when it comes to the overall styles of your HTML document. Within these tags, the different styles of your blogsite are defined.

For instance, you can define the background of your HTML document or web page by inserting CSS codes in between the head tags.

Matrix-Effect Background


You can insert the above gif image by inserting these CSS codes just before the closing head tag </head>:

<style type='text/css'>
body
{
background-image:
url('http://3lib.ukonline.co.uk/find/matrix.gif');
background-repeat: repeat;
background-attachment:
fixed
}
</style>


Save your template and view your blog. The Matrix-like background will appear. (To view an example of this, click this link: Alternate Reality) You can actually change the background as often as you like. You simply have to change the URL part of the above codes. You may search Google for appropriate backgrounds that can be seamlessly tiled. Just choose images that do not have any borders and images that have good contrast with your texts.

To change the image simply change the higlighted part of the CSS codes below and paste these codes in between the head tags:


<style type='text/css'>
body
{
background-image:
url('
http://3lib.ukonline.co.uk/find/matrix.gif');
background-repeat: repeat;
background-attachment:
fixed
}
</style>


Check Page Rank of any web site pages instantly:
This free page rank checking tool is powered by Page Rank Checker service