Add a Banner to your Space to give it some personal touch, it will make a lot of difference. 

First,

You will need a Custom HTML PowerToy. Click here to get one.  (Caution! Only the official HTML sandbox is recommended. Do not try it with the HTML sandbox gadget)

Once you've added the Custom HTML PowerToy to your Space, you'll need to perform the following steps:

·         Choose the image you wish to use as your banner. This may be one you have stored on your PC or one that already exists online. In each case, do the following:

·         If the image is already stored on your PC, upload it to the internet and get the www. Address/ URL. Click here to learn how to.

·         If you want to use an image that already exists online on someone else's website, save the image (right-click and select Save Picture As) to your PC and then upload it as mentioned above. (Please respect other’s copyrights)

·         Copy the URL of the uploaded Image.

·         In the Custom HTML module/box, enter the following text, making sure to replace the red text with the direct link to image URL you noted down earlier (ctrl + c  ctrl + v to hurry the process):

<DIV ALIGN=CENTER>

<IMG SRC="Image URL here">

</DIV>

·         Once you've entered the text above, make sure the Show Borders tickbox is unticked and that you have left the Module Name field blank.

·         Press the ‘Save’ button.

·         Preview your space. Done! 

You can position the HTML module anywhere on your space. A top-middle position is recommended for optimum result. You should now have a lovely banner image adorning your Space. Should the dimensions of the image prove too large, modify the image in an image editing program and perform the steps above again.

How to get a Full width Banner?

It's also possible to add a banner that stretches the full width of your Space. In order to do this you will need to create a banner that is 985 pixels wide.

First,

Drag the HTML Sandbox module to the top most area of  your Space where it says:

Save the layout. You will notice that the HTML sandbox module has expanded to the full-wdith of your Space.

Now repeat the steps in above but with your 985px wide banner/image.

Done!

Old Full Width Banner tutorial>>

The method below was a hack done to get the full width banner, before a Spaces update made it possible to strech modules to full width. So it is an alternate way to get a full width banner.

First,

You will also need to ensure that the Custom HTML module is the very last module loaded when you view your Space. To do this, place the Custom HTML module in the bottom right hand corner of your Space. 

In order to make your banner appear across the top of your Space, use the following code in the Custom HTML module:

<pre></pre><tbody><table></table></tbody><pre>
</pre><div><td><tr></div>
<img src="Image URL here">  

Tip: Use your blog editing tools to get the desired display. Create a new blgo entry. Get your Banner on it Using codes given above) and adjust size, alignment, add hyperlinks, etc. Click on the button to get the HTML code for this arrangement. Copy the code and paste it into the HTML module and click 'Save'. Dont publish the entry. Cancel it.

Also.. You can get multiple HTML modules and use one for the banner and the other one for adding counters, clock, etc. Advanced Users only!

Thanks to Altered Spaces

Report any errors !

A d3vmax | hack msn spaces production

*Attach the link above if you are copying or track-backing this blog*