Adding a Custom HTML Box

Ellen 的个人资料(`'·.¸*pink cloud*¸.·'´)照片日志列表

工具

帮助

2005/10/7

Adding a Custom HTML Box

Wondering how i got the banner on my space without there being a module?

Custom HTML Module PowerToy !

This is a new way of customizing your space which has been created by MSN Spaces Inc. It allows you to create a Sandbox which you can place in pictures, clocks, banners, counters etc. The possibilities are endless.

First, to add the Custom HTML Box to your space, simply follow these easy steps:

Log into Passport and open the Edit page for your Space.
In the Address bar of your web browser (The place where you type in web addresses and stuff) add the text “&powertoy=sandbox” (without the quotation marks) to the end of the displayed URL. For example mine would look like: http://spaces.msn.com/members/darlangel504/PersonalSpace.aspx?_c11_BlogPart_blogpart=myspace&_c=BlogPart&_c02_owner=1&powertoy=sandbox
Click the "Go" button next to your web browser address bar.
Once the page has finished reloading, click on the "Customize" button in your Space.
Click on the button which says "Modules", click on the "Customize" button and there should be a listing for"PowerToy: Custom HTML."
Click the word "Add" next to it and then click the "Save" button.

Click [here] to see what the sandbox looks like

An explanation of the picture:

1= The box where you will type the HTML code

2= If you choose to uncheck the Border box then the module name will not appear.

3= If you tick this then the picture (or whatever you choose to put in the box) will appear inside a module (like the blog list etc.) If you don't tick it then it will just apear to float.

4= Is the "Revert" button. If you do not like the HTML code in your box or the settings you have choosen; or if you just want to go back to the last thing you had posted, simply click this button and everything will go back to the last saved settings.

5= This button, obviously, saves any changes you have done

You now have the Custom HTML box on your space...great. Now what do you do with it?

Firstly, anything you add in this box must be in HTML format. To read-up on a not-so-complicated difinition on what HTML is click [here]

If it is a picture you would like to use than you will need to upload the file (picture) to the internet somwhere. This just means the picture needs to appear on the internet somewhere. Don't worry it's not as complicated as it seems.

You can also 'steal' a picture from a website already on the internet if you would like. Just right click on any image you find on the internet and choose "Properties." Copy the file address (Always starts with http://) by highliting the name of the file and hitting Ctrl+C on your keyboard at the same time. This method will make things way less complicated for you and less time consuming. Just keep in mind that most images you come across on the internet are copyright and the property of the website you are visiting.

If you cannot find a file on the internet you would like to use or you already have one in mind on your computer, you have to upload it to a 'host site'. I suggest using any of the following:

http://www.ripway.com/index.asp

http://photobucket.com/

http://www.walagata.com/

http://www.myfilestash.com/index.php

http://www.uploadhut.com

For pictures this is the HTML code you want to paste into the Custom HTML Box:

Change the Red Text with the URL (File name or address) that you copied earlier. (Highlight the red text and press Ctrl and V. Remember we get the address from the File Hoster, or by getting it from 'Properties' if it's a picture already on the internet.)

The Blue Text (the numbers) changes the size of the picture. You may have to play around with this clicking on 'Preview my Space' to make sure it is looking ok.

Green Text: This is for changing the position of the picture (left, right, centre) but i suggest leaving it as centre.

You can add a border around the picture by changing the Purple Text

All that's left really is to have a mess around with it.

One last thing, the box will only allow 512 characters. So sometimes you may have to shorton addresses. Not a problem

Try removing all quotes from HTML "attributes" and remove the "www." in front of web addresses and possibly trailing "/" at the end. So, a normal link might look like:
<a href="http://www.andnbsp.com/"> AndNBSP.com</a>
But, I could shorten it to:
<a href=http://andnbsp.com> AndNBSP.com</a>

XellenX©

17:46 | 写入日志 | Power Toys

若要添加评论，请使用您的 Windows Live ID 登录（如果您使用过 Hotmail、Messenger 或 Xbox LIVE，您就拥有 Windows Live ID）。登录

还没有 Windows Live ID 吗？请注册

	kat 发表: hey. thanks alot 4 this! its worked nd really gd! i cunt undastand n e 1 elses so thanks alot. cya xxx 12 月 30 日
	oOopinkfairyprincessoOo 发表: hiya ellen chic i may go on a bit but come on how ace is ellen!!! she is sound as owt. she has helped me soooo much and she is a kwl m8. i meen how many ppl guide you how to do all this shit. and ellen dunt worry bowt you ant explained it r8 or you are reli crap at explaining things coz u aint this is reli good and as hepled me ldz!!!!! my space aint as gd as yours but it is gettin there (u never know it may get beta) he he he i wish!!!!! eniway chic thanks & lv ya xxxxxxxxx♥ ♡ εïз ѕσρнιє εïз ♡ ♥ xxxxxxxxxxx 12 月 19 日
	Rach 发表: I did all the instructions for the pwetoy image thingy and i now have a welcomesign above my blog! Thnx for puttin up the instructions because i have been trying to figure out how to do it. Thnx alot! =) 11 月 12 日
	foreva_fiesty 发表: hey great site! was trying to follow some of ur instructions for the power toys but anyone would think im a troglidite! lol i am not getting anywhere please help ps how do u get the media player link you probably get asked for help at lot and are busy but if you could help it would be appreciated thanks xx 10 月 27 日
	LuIgI_sNaIL_sQuAd_69 发表: satchmo3@hotmail.com add me 10 月 10 日
	pinky 发表: hiya thanks for ya help..yerr my space looks a bit better now lol..still more to do your way of doin things is alot easier to understand haha anyways thanx again xXx xXx 10 月 9 日
	SwivellingLovedmusicman 发表: cheers ellen.no one tells me that sort of stuff,ie im a nice guy.cheers for the commet.i love ur page.and u got the kinda kl sofisticated look goin on .you know the ones,course u do,u are one but yeah,the ones who really know how to party.so yeah.stop over again soon. peace xxxxxnickxxxxxxxxxx 10 月 7 日

引用通告

此日志的引用通告 URL 是：

http://darlangel504.spaces.live.com/blog/cns!4079070C415DE5E1!1370.trak

引用此项的网络日志

日志

Adding a Custom HTML Box

评论 (7)

引用通告