JUST A HELPING...'s profileJUST A HELPING HANDBlogLists Tools Help

Blog


    May 01

    guest book

     

    Quote

    guest book
    ωєℓ¢σмє тσ му ѕρα¢є, ρℓєαѕє ѕιgи му gυєѕтвσσк вєfσяє уσυ ℓєανє .
     
    тнαик уσυ
     
     

    Adding A Scroll Bar On Your Blog Entry

    These are the steps you need to follow in adding a Scroll Bar on your Blog entry:

    1. Click "Add Entry". (If you already publish the Blog entry, click on the title of the Blog to edit the Blog entry.)
    2. Type your Blog entry. If you already have the Blog entry written on your Blog, proceed to step# 3.
    3. Click "<HTML>" on the Rich Text toolbar on the top of the Blog entry box.
    4. Paste the HTML Codes below on the top of the Blog entry box (now on HTML mode).

    <DIV style="BORDER-TOP-WIDTH: 0px; SCROLLBAR-FACE-COLOR: #e08020; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; OVERFLOW: auto; WIDTH: 370px; HEIGHT: 220px; BORDER-RIGHT-WIDTH: 0px" align=left>

    5. You can edit the "Width" and "Height" of the Scroll Bar or box by changing the numer value on the HTML codes. You can also change the color of the Scroll box by changing the "SCROLLBAR-FACE-COLOR" hexacodes which you can find on this link >>> Color HEXACODES.
    6. Put </DIV> on the end of your Blog entry.
    7. Click "<HTML>" on the Rich Text toolbar on the top of the Blog entry box to view your Blog entry.
    8. Click "Publish Entry" when you're done.

    How To Add Counter

    These are the steps in adding a counter to your Space through your Blog. If you know other sites providing free counter, you can also use the codes for your counter though not all of them are running on Spaces blog.

    2. Click "Click Here to create your Free Counter".
    3. Create your Free Hit Counter.
    4. After creating your counter, the site will give you the HTML codes for your counter.
    5. Copy the codes from start to the end.
    6. Go to your Space's Blog, click "Add entry".
    7. Click the "<HTML>" icon.
    8. Paste (Ctrl V) the HTML codes in the HTML box.
    9. Click "<HTML>" again.
    10. Remove the excess codes or characters, then click "Publish Entry".

    How To Add Escati Clock

    You can also try this to other codes you got from other sites.
     
    1. Copy the codes given to you or from the site. The codes will be on this format:
     
    <!--BEGIN CLOCK CODE--->
    <center>
    <a href="http://www.escati.com">
    <img src="http://escati.linkopp.net/logos/time98.gif" alt="Time By Escati"
    border=0 width=130 height=32></a><br>
    <font face=arial size=1><b>In Hat Yai, Southern Thailand it is:</b></font><br>
    <table border=1 cellpadding=4 bgcolor=FFFFBB><tr><td>
    <a href="http://www.escati.com">
    <img src="http://escati.linkopp.net/cgi-bin/clock.cgi?trgb=000000&srgb=00ff00&prgb=221100&timezone=GMT+0800
    " border=0></a><br>
    </td></tr></table>
    </center>

    <!--END CLOCK CODE--->
     
    2. Click "Add Entry" on your Blog.
    3. Type a title for your Blog then click "<HTML>".
    4. Paste the codes on the text or HTML box by pressing "Ctrl" and "V".
    5. Click "<HTML>" again. Delete the etrxa codes that will appear on the text box.
    6. Click "Publish Entry".

    Colour Hexacodes

    000000 000020 000040 000060 000080 0000a0 0000c0 0000e0 0000ff
    002000 002020 002040 002060 002080 0020a0 0020c0 0020e0 0020ff
    004000 004020 004040 004060 004080 0040a0 0040c0 0040e0 0040ff
    006000 006020 006040 006060 006080 0060a0 0060c0 0060e0 0060ff
    008000 008020 008040 008060 008080 0080a0 0080c0 0080e0 0080ff
    00a000 00a020 00a040 00a060 00a080 00a0a0 00a0c0 00a0e0 00a0ff
    00c000 00c020 00c040 00c060 00c080 00c0a0 00c0c0 00c0e0 00c0ff
    00e000 00e020 00e040 00e060 00e080 00e0a0 00e0c0 00e0e0 00e0ff
    00ff00 00ff20 00ff40 00ff60 00ff80 00ffa0 00ffc0 00ffe0 00ffff

    200000 200020 200040 200060 200080 2000a0 2000c0 2000e0 2000ff
    202000 202020 202040 202060 202080 2020a0 2020c0 2020e0 2020ff
    204000 204020 204040 204060 204080 2040a0 2040c0 2040e0 2040ff
    206000 206020 206040 206060 206080 2060a0 2060c0 2060e0 2060ff
    208000 208020 208040 208060 208080 2080a0 2080c0 2080e0 2080ff
    20a000 20a020 20a040 20a060 20a080 20a0a0 20a0c0 20a0e0 20a0ff
    20c000 20c020 20c040 20c060 20c080 20c0a0 20c0c0 20c0e0 20c0ff
    20e000 20e020 20e040 20e060 20e080 20e0a0 20e0c0 20e0e0 20e0ff
    20ff00 20ff20 20ff40 20ff60 20ff80 20ffa0 20ffc0 20ffe0 20ffff

    400000 400020 400040 400060 400080 4000a0 4000c0 4000e0 4000ff
    402000 402020 402040 402060 402080 4020a0 4020c0 4020e0 4020ff
    404000 404020 404040 404060 404080 4040a0 4040c0 4040e0 4040ff
    406000 406020 406040 406060 406080 4060a0 4060c0 4060e0 4060ff
    408000 408020 408040 408060 408080 4080a0 4080c0 4080e0 4080ff
    40a000 40a020 40a040 40a060 40a080 40a0a0 40a0c0 40a0e0 40a0ff
    40c000 40c020 40c040 40c060 40c080 40c0a0 40c0c0 40c0e0 40c0ff
    40e000 40e020 40e040 40e060 40e080 40e0a0 40e0c0 40e0e0 40e0ff
    40ff00 40ff20 40ff40 40ff60 40ff80 40ffa0 40ffc0 40ffe0 40ffff

    600000 600020 600040 600060 600080 6000a0 6000c0 6000e0 6000ff
    602000 602020 602040 602060 602080 6020a0 6020c0 6020e0 6020ff
    604000 604020 604040 604060 604080 6040a0 6040c0 6040e0 6040ff
    606000 606020 606040 606060 606080 6060a0 6060c0 6060e0 6060ff
    608000 608020 608040 608060 608080 6080a0 6080c0 6080e0 6080ff
    60a000 60a020 60a040 60a060 60a080 60a0a0 60a0c0 60a0e0 60a0ff
    60c000 60c020 60c040 60c060 60c080 60c0a0 60c0c0 60c0e0 60c0ff
    60e000 60e020 60e040 60e060 60e080 60e0a0 60e0c0 60e0e0 60e0ff
    60ff00 60ff20 60ff40 60ff60 60ff80 60ffa0 60ffc0 60ffe0 60ffff

    800000 800020 800040 800060 800080 8000a0 8000c0 8000e0 8000ff
    802000 802020 802040 802060 802080 8020a0 8020c0 8020e0 8020ff
    804000 804020 804040 804060 804080 8040a0 8040c0 8040e0 8040ff
    806000 806020 806040 806060 806080 8060a0 8060c0 8060e0 8060ff
    808000 808020 808040 808060 808080 8080a0 8080c0 8080e0 8080ff
    80a000 80a020 80a040 80a060 80a080 80a0a0 80a0c0 80a0e0 80a0ff
    80c000 80c020 80c040 80c060 80c080 80c0a0 80c0c0 80c0e0 80c0ff
    80e000 80e020 80e040 80e060 80e080 80e0a0 80e0c0 80e0e0 80e0ff
    80ff00 80ff20 80ff40 80ff60 80ff80 80ffa0 80ffc0 80ffe0 80ffff

    a00000 a00020 a00040 a00060 a00080 a000a0 a000c0 a000e0 a000ff
    a02000 a02020 a02040 a02060 a02080 a020a0 a020c0 a020e0 a020ff
    a04000 a04020 a04040 a04060 a04080 a040a0 a040c0 a040e0 a040ff
    a06000 a06020 a06040 a06060 a06080 a060a0 a060c0 a060e0 a060ff
    a08000 a08020 a08040 a08060 a08080 a080a0 a080c0 a080e0 a080ff
    a0a000 a0a020 a0a040 a0a060 a0a080 a0a0a0 a0a0c0 a0a0e0 a0a0ff
    a0c000 a0c020 a0c040 a0c060 a0c080 a0c0a0 a0c0c0 a0c0e0 a0c0ff
    a0e000 a0e020 a0e040 a0e060 a0e080 a0e0a0 a0e0c0 a0e0e0 a0e0ff
    a0ff00 a0ff20 a0ff40 a0ff60 a0ff80 a0ffa0 a0ffc0 a0ffe0 a0ffff

    c00000 c00020 c00040 c00060 c00080 c000a0 c000c0 c000e0 c000ff
    c02000 c02020 c02040 c02060 c02080 c020a0 c020c0 c020e0 c020ff
    c04000 c04020 c04040 c04060 c04080 c040a0 c040c0 c040e0 c040ff
    c06000 c06020 c06040 c06060 c06080 c060a0 c060c0 c060e0 c060ff
    c08000 c08020 c08040 c08060 c08080 c080a0 c080c0 c080e0 c080ff
    c0a000 c0a020 c0a040 c0a060 c0a080 c0a0a0 c0a0c0 c0a0e0 c0a0ff
    c0c000 c0c020 c0c040 c0c060 c0c080 c0c0a0 c0c0c0 c0c0e0 c0c0ff
    c0e000 c0e020 c0e040 c0e060 c0e080 c0e0a0 c0e0c0 c0e0e0 c0e0ff
    c0ff00 c0ff20 c0ff40 c0ff60 c0ff80 c0ffa0 c0ffc0 c0ffe0 c0ffff

    e00000 e00020 e00040 e00060 e00080 e000a0 e000c0 e000e0 e000ff
    e02000 e02020 e02040 e02060 e02080 e020a0 e020c0 e020e0 e020ff
    e04000 e04020 e04040 e04060 e04080 e040a0 e040c0 e040e0 e040ff
    e06000 e06020 e06040 e06060 e06080 e060a0 e060c0 e060e0 e060ff
    e08000 e08020 e08040 e08060 e08080 e080a0 e080c0 e080e0 e080ff
    e0a000 e0a020 e0a040 e0a060 e0a080 e0a0a0 e0a0c0 e0a0e0 e0a0ff
    e0c000 e0c020 e0c040 e0c060 e0c080 e0c0a0 e0c0c0 e0c0e0 e0c0ff
    e0e000 e0e020 e0e040 e0e060 e0e080 e0e0a0 e0e0c0 e0e0e0 e0e0ff
    e0ff00 e0ff20 e0ff40 e0ff60 e0ff80 e0ffa0 e0ffc0 e0ffe0 e0ffff

    ff0000 ff0020 ff0040 ff0060 ff0080 ff00a0 ff00c0 ff00e0 ff00ff
    ff2000 ff2020 ff2040 ff2060 ff2080 ff20a0 ff20c0 ff20e0 ff20ff
    ff4000 ff4020 ff4040 ff4060 ff4080 ff40a0 ff40c0 ff40e0 ff40ff
    ff6000 ff6020 ff6040 ff6060 ff6080 ff60a0 ff60c0 ff60e0 ff60ff
    ff8000 ff8020 ff8040 ff8060 ff8080 ff80a0 ff80c0 ff80e0 ff80ff
    ffa000 ffa020 ffa040 ffa060 ffa080 ffa0a0 ffa0c0 ffa0e0 ffa0ff
    ffc000 ffc020 ffc040 ffc060 ffc080 ffc0a0 ffc0c0 ffc0e0 ffc0ff
    ffe000 ffe020 ffe040 ffe060 ffe080 ffe0a0 ffe0c0 ffe0e0 ffe0ff
    ffff00 ffff20 ffff40 ffff60 ffff80 ffffa0 ffffc0 ffffe0 ffffff

    Custom Blog Backgrounds

     
    • First get the URL of the image you want to use as a background in the blog entries that are present on the front page of your space.
    • Create a new Blog entry. [Click on  'add entry' in your blog module]
    • This Blog entry will be a dummy as all the blog entries below this get the background you want. So try not putting anything in this blog entry.
    • Click on the  <HTML> button present in the blog editing tools.
    • And enter the Following code :

    <pre></table></table><table background="URL OF BACKGROUND IMAGE" height="xxx" width="xxx"><tr><td><div><table style="display:none"></pre>

    • Replace the URL OF BACKGROUND IMAGE with a URL a picture. [see step 2]
    • Replace the xxx with numbers to determine the picture size.

    For e.g. :


    <pre></table></table><table background="http://img401.imageshack.us/img401/3285/back1aw.gif" height="xxx" width="xxx><tr><td><div><table style="display:none"></pre>
    • Press the 'Publish Entry' Button to publish your blog entry.
    • Preview your space to see the final effect.

    Note :-

    • If you do not like it, Try getting pictures with the same width [in px] as your blog entries.
    • Delete this blog entry if you feel that it has spoiled your space somehow.
    • If you decide to add more entries above this dummy blog entry, you will notice that the background does not come onto them. 
    • Delete this dummy blog entry and repeat the above steps again, so that it is placed above all your blog entries and that all entries below this dummy one get the background picture effect.

    'Glow' Text Effect

    • Take the html codes below and substitute the writing where it says your words here & substitute it with the text you want to give a glow effect to.
    • Codes:

     Purple Glow:

    <FONT style="FONT-SIZE: 8pt; FILTER: glow(color=purple); WIDTH: 100%; FONT-FAMILY: ????" color=#ffffff><B>Your words here</B></FONT>

    Green Glow:

    <FONT style="FONT-SIZE: 8pt; FILTER: glow(color=green); WIDTH: 100%; FONT-FAMILY: ????" color=#ffffff><B>Your words here</B></FONT>

     

    Yellow Glow:

    <FONT style="FONT-SIZE: 8pt; FILTER: glow(color=yellow); WIDTH: 100%; FONT-FAMILY: ????" color=#ffffff><B>Your words here</B></FONT>

     

    Blue Glow:

    <FONT style="FONT-SIZE: 8pt; FILTER: glow(color=blue); WIDTH: 100%; FONT-FAMILY: ????" color=#ffffff><B>Your words here</B></FONT>

     

    Red Glow:

    <FONT style="FONT-SIZE: 8pt; FILTER: glow(color=red); WIDTH: 100%; FONT-FAMILY: ????" color=#ffffff><B>Your words here</B></FONT>

    • Copy a code which you like from above and modify it as instructed.
    • Then Click on
    • Paste the code that you modified into you blog entry.
    • Click on  again. preview your entry.
    • Publish your blog entry.

    Text on Images

    • Get the URL/link of an image
    • Then use the code below to get Text overlaid on an image :

       

      Code :

      <div style="width: 150; height: 205" align=right>
      <IMG src="Picture URL" align=right>
      <div style="float: right" align=center>
      <p align="center"><font face="Times New Roman">TEXT</font>
      </div>

    Explanation :

    • The overall dimensions of this grouping in Blue need to be defined by you.[ leave the default values , change it later on]
    • Replace the part in Red with the link/URL of the picture
    • Now click the button and paste the code modified by you.
    • Click on button again to preview the picture with the overlaid text.
    • You can make changes to the size of the picture by dragging about the borders around it.
    • Also drag the borders around the text to change the its settings and size. Use the blog editing tools give by msn spaces to get your desired Font and size / style of font.
    • Publish your entry.

    Visitor Locator on World Map

    Locations of visitors to this page

    Want one?

    Head over to ClustrMaps

    Register and they will send you your password. It is pretty straightforward.

    After you log in with the password provided. You will notice that there will be a HTML code provided.

    Copy all of it. ( Ctrl + A and then Ctrl + C)

    Free Image Hosting at www.ImageShack.us

    There are two ways of introducing the locator map into your space. A blog entry or a Sandbox.

    Blog entry...

    • Create a new blog entry.
    • Press the <HTML> button present in the blog editing tools.
    • Press the <HTML> button again and make adjustments like alignment, etc.
    • Publish your entry.

    Sandbox/ Cutom HTML module (Stay on the front page and visible all the time ; recommended)...

    • Paste the code into a Custom HTML module/sandbox and press the 'Save' button.

    Done!

    Visitor Timer clock

     1.   2.
     

    Get a Timer Clock as above onto your space. It shows a visitor the amount of time he has wasted on your space :p.

    Click here to get the code for it.

    There are two ways of introducing these timers into your space. A blog entry or a Sandbox [Stays at the front page of your Space]

    • Create a newblog entry.
    • Press the <HTML>button present in the blog editing tools.
    • Press the <HTML> button again and you will see that the timer is there. Make adjustments like alignment, etc.
    • Publish your entry.

    or

    • Paste the code into a custom HTML module / sandbox and press the 'Save' button.

    Hint:- You can just highlight the Timer above and copy-paste it into your blog entry ;-)

    A graffiti Wall for your Space

    • Sign up for their Service. They Will email you with further details...
    • A direct link to your wall will be provided to you in that email.
    • Also a code to put that wall into your space/website is given.

    It will be something like...

    <a href=http://www.piclibs.com/graffiti.php?id=xxxx>
    <p align=center>
    <img border=1 src=
    http://www.piclibs.com/xxxxxxx></p>
    <p align=center>
    <font face=Arial Narrow>Click here to sign my Graffiti Wall! (Powered by
    PicLibs.com)</font></p></a>

    • Copy it !.
    • Create a new blog entry 
    • Press the <HTML> button present in your blog editing tool set.
    • Paste the code given to you.
    • Publish your blog entry and Preview your space.
    • Done !

    You will see your Graffiti wall waiting for you to spoil it. Click on it to sign your wall. The wall will update automatically on your space with your signature on it.

    [My wall was filled with smany mesages in 2 days time.. damn you vandals !]

     

    Custom Blog Module Size with ScrollBar

    • Create a new Blog entry. [Click on  'add entry' in your blog module]
    • Click on the HTML button present in the blog editing tools.
    • And enter the Following code :

    <pre></table></table><table><tr><td>
    <div style="overflow:auto;height:300px">
    <div><table></pre>

    • Press the 'Publish Entry' Button to publish your blog entry.
    • Preview your space. What do you see ?

    You will notice that All your blog entries on the front page of your space are compressed into a size of 300 px and there is a scrollbar on the side and your blog module is transparent. Keep reading to change both of these things [the Size and the transparent blog problem] Now you can play around with this code to your linking.

    • Change the 300 in the code to something like 500 so that you get a bigger blog entry module on the front page.

    For E.g. :

    <pre></table></table><table><tr><td>
    <div style="overflow:auto;height:500px">
    <div><table></pre>

    Advice :

    • Keep the Blog entry that you put the code in at the top most position and keep it Empty. Name it something like "Welcome to my Space". When you want to publish more entries. Delete this Dummy or "welcome to my space" entry with the code above and make a new one so it is always in the top most position.
    • Also You can get you Custom Blog background Image to fill in instead of having a transparent background ,with the Code below :

    <pre></table></table><table><table background="url of background image" height="xxx" width="xxx"><tr><td>
    <div style="overflow:auto;height:300px">
    <div><table></pre>

    Replace the bits in red with numbers. The xxx determine the size of your picture and in the manner determine the size of your blog module & the 300 can be changed to get the size of the scrollbar.

     

    Free Image Hosting at www.ImageShack.us

    Custom Space Background

    1. You will need a Custom HTML MODULE/ sandbox
    2. Then, You will have to change your blog layout to 2 columns if your isn't.
    • To do it. Click on Customize >> Layouts and Choose the 5th one.
    • Click 'Save'
    • Now place the Custom HTML module on the Top-left area. As shown by the orange area in the picture below :

    Now get a good quality background picture that you would like to use as your space background. Try Google Image search.

    • Save it to your computer.

    • Upload the saved image to a image hosting service and get it's URL.

    Now insert the code below  into your custom html module :

    </table></table></td></tr><tr><td><table width=1000 background="Background Picture URL here"><tr><td><table>

    Replace the part in RED with the URL of your picture got before.

    See picture below for a better understanding:

     

    • After inserting the code in the Custom HTML module. Click on 'Save'

    • Preview your space and you will see that your background has come over the default one given by MSN Spaces.

    • Done!

    Note: Make sure you got the Sandbox module in the right place. The layout should be the right one and the code should not be changed at all other than what is asked. If all is done correctly you will get the optimum result. If not re-read! ooh, Also I am not responsible if your space messes up in anyway. In case it does, remove the Custom HTML module.

    Multiple PowerToys - Add 2 or more Custom HTML Modules and Media players

    Before your start :

    • This tutorial is for Advanced Users only. Please do not ask me Questions such as , Where is the notepad ?
    • Try the following at your Own Risk. I am not responsible if anything goes wrong.
    • If you do not do it correctly , It may have adverse effects on your space. Adding more than 2 Custom HTML boxes and Media players have know to cause many problems.
    • I recommend that You try it on a Back-up/Extra space and use Internet Explorer only.

    The tutorial : [See images in between the tutorial for a better understanding | Click the pictures to enlarge]

    • Sign into your MSN Space.
    • Type the following into the IE address bar : http://spaces.msn.com/your-space-ID/DLLayoutSettings.aspx

     

    Free Image Hosting at www.ImageShack.us

    • Click the View tab on the IE menu bar and select Source from the drop down menu that appears.

    Free Image Hosting at www.ImageShack.us

    • A notepad will open with all kinds of codes that make up your space. (Save a file of this code for future use. Incase you screw your space trying out this tutorial, You can always fall back to the original Code)
    • Now , Search for <br></div></FORM> this mess. [Tip : Press Ctrl + F and type in <br></div></FORM> to search]

    Free Image Hosting at www.ImageShack.us

    • After you have found it. Include the code below , in between <br></div> and </FORM> tags :

    <div class=Part><input onclick='selectPartType(this);' type='checkbox' title='This is an unsupported module supplied for the purpose of evaluation.' id='CustomHTML' name='PowerToy: Custom HTML' value='CustomHTML'><label for='pCustomHTML'>PowerToy: Custom HTML</label> <br></div>

    • This code will give you an extra HTML module. Add this code once only if you already have a Custom HTML 'Sandbox' Module, so you end up with 2 of them. Or Add it as many times to get that many Modules more. Recommendation is 2 modules. [See the picture below for an idea]

    • After adding the codes save the file using the 'save as' function as shown in the pictures below :

     

    • Now open that saved .htm file in another IE window. You will notice there are  2 ☑Custom HTML PowerToys in the Modules frame or maybe more depending on the number of times that added that code. Check Tick the ☑ [boxes] and you will notice  the Custom HTML PowerToys in the Module Arrangement frame.
    • Click Save !

    Free Image Hosting at www.ImageShack.us

    • Return to your space on the 'Edit your space' Page. You Shall see the multiple Custom HTML PowerToys. They looks the same, but they are different. The leftmost one is the Mother module, all others are Child modules.

    • Done !

    • Just add different codes in the different HTML modules and click save. You can add Pictures, Banners, Clocks, etc. See various tutorials on my space. Get their codes and add them to these modules...

    Now there is a problem. [Read it carefully and dont bang your head]

     

    In one of the modules, You cannot add any code. When you click save, nothing gets added.

    Take that as your beta module.

    The other one in which You can add content is the alpha module. Add code/content that you want to put in the beta module into the alpha module.

     

    Now move the beta module anywhere on your space or the place where you want it and click You will be promted if you want to save this arrangement of modules  or something like that.

    'Save' it. You must do this step!

     

    You will notice the content/code present in the alpha moule has come onto the beta module.

    Now add code/content that you want to put into the alpha module into the alpha module and click save.

    Done! Preview your space. You will notice 2 html modules with different content.

     

    At first its a bit confusing and hard to grasp. But please re-read the whole alpha beta bullshit.

     

    Now, if you ever move the beta module, the content on alpha comes onto the beta module, and you will have to do the procedure mentioned above to transfer contenet into the beta module. If you do wish to get rid of the extra beta html module. Go to 'Customize' >> 'modules'>> Custom HTML module powertoy remove. Click on that and click 'save'.

     

    All done!

     

     


     

     

    We can get Multiple media players too , please follow the same method as mentioned above. But with the exception of the code. Put the code below in the notepad file as instructed.

    div class=Part><input onclick='selectPartType(this);' type='checkbox' title='This is an unsupported module supplied for the purpose of evaluation.' id='MediaPlayer' name='PowerToy: Windows Media Player' value='MediaPlayer'><label for='pMediaPlayer'>PowerToy: Windows Media Player</label> <br></div>

    Enhance your Media player - Banners | Flash Animations | Links

     

    This tutorial will help you add things such as Banners and Flash files on your media player. [3 parts]

    Part 1 : Adding a Banner

    Putting a Banner into your media player [This is similar to making a playlist but with a slight change of code ]

    • First create a banner of size 32 pixels high by 194 pixels wide and host it online on  
  •  Then Open  MS Notepad
  • Free Image Hosting at www.ImageShack.us  
  • Copy and paste the code below into the notepad [Ctrl+c - Ctrl+v]
  • <ASX version="3.0" BANNERBAR="AUTO" >
    <ENTRY>
    <BANNER HREF="The URL OF Banner Here">
    </BANNER>
    <title>NAME OF SONG</title>
    <author>NAME OF ARTIST</author>
    <Ref href="THE URL OF THE MUSIC FILE"/>
    </ENTRY>
    </ASX>

    • Replace The URL OF Banner Here with a URL of the picture that you have hosted online. [See first instruction]
    • Replace NAME OF MUSIC LIST with the name of the Music list. [E.g. My Play list]
    • Replace NAME OF MUSIC LIST & NAME OF ARTIST with what they say.
    • Now replace THE URL OF THE MUSIC FILE with the URL of the song. You can host your songs on many hosting services and get it's URL or the www. address. I use File-Lodge .
    • Also you can Google for videos or audio files already on the internet and get its URL.
    • To add more songs and banners to the play list , copy the code from <ENTRY> to </ENTRY> and make the necessary changes in the URL and Names of the song. For E.g. see Picture below :
    • Free Image Hosting at www.ImageShack.us 
    • Save the file [on the notepad] as mylist.mp3  or whatever type of file you put in the play list and choose All files as the type of file and Encoding as UTF-8.[see picture below for a better understanding]
    •  
    • Free Image Hosting at www.ImageShack.us 
    • Upload this file "mylist.mp3" to a hosting service.
    • After uploading , you will be provided with a URL address. Paste this address into the window media player module.
    • make your Player mode to 'Full'
    • Click Save.
    • Done !!

    Part 2 : Adding a Flash Animation

    • Click here to get Flash URLS [or]
    • This can be got from either Making your own and hosting it somewhere online or Google for Flash animations. E.g. see Flashiness. Right Click them and get their URL's or Click on View >> source. A notepad containing the Code for the whole website appears. Search for .swf in there, Leave it if you can not do this. Its for advanced users only.
    • Put that .swf url into the URL input area in the Space meda player. MSN Spaces allows flash files to be played in the media player derectly.

     

    Part 3 : Putting links and other things to the media player

     

    Putting link to a Banner :

    <ASX version="3.0" BANNERBAR="AUTO" >
    <ENTRY>
    <BANNER HREF="The URL OF Banner Here">
    </BANNER>

    <MOREINFO HREF="Put-a-link-to-some-site" />
    <title>NAME OF SONG</title>
    <author>NAME OF ARTIST</author>
    <Ref href="THE URL OF THE MUSIC FILE"/>
    </ENTRY>
    </ASX>

    Put a Link to a song :

    <ASX Version="3.0">
    <title>NAME OF MUSIC LIST</title>
    <entry>
    <title>NAME OF SONG</title>

    <MOREINFO HREF="Link-to-some-site-on=song-name" />

    <author>NAME OF ARTIST</author>
    <Ref href="THE URL OF THE MUSIC FILE"/>
    </entry>
    </asx> 

    Tweak UI Power Toy

    [If you have come from other Power Toys tutorial to see the Pictorial, please Scroll Below]
     
    How did I get my background to repeat & make my modules a bit transparent ?
     
    Tweak UI [User-Interface] Power Toy !!
     
    A new breed of Space Customization tools have been made by the MSN Spaces.Inc .
    To the Tweaks now :
     
    The Tweak UI Power Toy is designed to allow you to customize the look of your Space. Once you add the Tweak UI Power Toy to your Space you can use it to control colors, module borders and transparency, and the background image’s placement and presence. Granular control combined with existing Spaces layout and module configuration allows for almost endless customizability and personalization.
     
    Please note that this PowerToy, like the others, is available in English ONLY for now and is UNSUPPORTED.  
     
    Follow these steps to add this Power Toy to your Space:
    1. Log into Passport and Edit your Space.
    2. In the Address bar of your web browser add the text “ &powertoy=tweakomatic ” to the end of the displayed URL.
    3. Click the Go button next to your web browser address bar.
    4. Once the page has finished reloading, click on the Customize tab in your Space.
    5. In the Modules drop down menu in the Customize tab there should be a listing for PowerToy: Tweak UI. Click the word Add next to it and then click the Save button.

    For e.g.


    http://spaces.msn.com/pauldutton1/PersonalSpace.aspx?_c02_owner=1&_c=&powertoy=tweakomatic

    For. E.g.

    1. In the transparency Box, If you put in 100. You space will be fully visible , If you put in 50. It will be translucent. If you put in 0 , It will be invisible. I suggest you don't put 0.
    2. The you can change the colours in many places. But you cant just put in words. You need to put the colour Codes..

    If you remove the module, The effect will go away.

    Custom HTML Module PowerToy [ The Banner Thing aka Sandbox]

    The Custom HTML Power Toy is designed to allow you to add a sandbox module to your Space in which you can enter text, link to images, and use other HTML features. The Custom HTML Power Toy supports all of the same HTML that you can enter into a Blog entry and can be moved around your Space as a separate module, just like a list or any other Spaces module. Additionally you can control the Title of this module and whether the borders for this module are displayed or not.

     
    Please note that this PowerToy, like the others, is available in English ONLY for now and is UNSUPPORTED.   
     
    Follow these steps to add this Power Toy to your Space:
    1. Log into Passport and Edit your Space.
    2. In the Address bar of your web browser add the text “ &powertoy=sandbox ” to the end of the displayed URL.
    3. Click the Go button next to your web browser address bar.
    4. Once the page has finished reloading, click on the Customize tab in your Space.
    5. In the Modules drop down menu in the Customize tab there should be a listing for PowerToy: Custom HTML. Click the word Add next to it and then click the Save button.

    quote end

    For e.g. :

    http://spaces.msn.com/pauldutton1/PersonalSpace.aspx?_c02_owner=1&_c=&powertoy=sandbox

    Windows Media Player Power Toy

    The Media Player Power Toy is designed to allow you to play audio and video files within your Space. While editing your Space specify the URL of a Media file located on the web in the Media Power Toy and hit Save. This will allow the people viewing your Space to watch or listen to the media file you have linked. You can customize the experience even more by altering the player settings (like auto start, times to play, and player mode) while editing your Space.

     

    Please note that this PowerToy, like the others, is available in English ONLY for now and is UNSUPPORTED.  

                                                                    

    This feature is to be used for authorized content only. Please respect the creative efforts and intellectual property of others, and do not link to unauthorized materials.  Linking to unauthorized material is a violation of the Spaces Code of Conduct and Terms of Use.

     

    Follow these steps to add this Power Toy to your Space:

    1. Log into Passport and Edit your Space.
    2. In the Address bar of your web browser add the text “ &powertoy=musicvideo ” to the end of the displayed URL.
    3. Click the Go button next to your web browser address bar.
    4. Once the page has finished reloading, click on the Customize tab in your Space.
    5. In the Modules drop down menu in the Customize tab there should be a listing for PowerToy: Windows Media Player. Click the word Add next to it and then click the Save button.

    quote end

    For e.g.

    http://spaces.msn.com/pauldutton1/PersonalSpace.aspx?_c02_owner=1&_c=&powertoy=musicvideo

     

    Click on the pictures below to see how it will look like :

             

    A guide to the Labels on the media player :

    • Position in sec. - Begin from a specefic second. Eg. Put in 30 and it will begin at the  30 seconds mark of the first song.
    • Times to play  - The number of times to play your song.
    • Rate to play  - The speed of your song. 1 - normal  | 1.5 - fast | 2 - double the speed.
    • Auto start - Do you want your media player to start Automatically ? Tick the box then.
    • Display Mode - Select invisible if you want your media player to be hidden to your viewers. Select none if you want it in a normal mode. Select mini if you want it small and with minimum funtions. Select Full if you want it big and with all functions.
    • Right Click Menus - Disable this [recommended] . If ticked, Then people will get options to the media player and Also your URL is visible to all, when they right click your player.
    • URL or the www. address of a media file.

    Note:-

    Many people have problems getting URL's. 

    Common mistakes :

    • Long URLs..
    • Didnt click the save Button
    • Faulty Hosting service
    • Input mistake
    • Just put in a file stored on your computer and not on the internet.
    • Didnt read this tutorial carefully.

    Dont forget to click the save Button

    Making your Space 'Public' So others can View it.

    This is something for the MSN Bloggers who are New to it...
     
    Many people request me to comment on their space or ask me a question hoping that I will reply on their space. This is not possible if their Space permission setting is put to PRIVATE. The permission setting has to be PUBLIC. Also wondering why not many people or no one comments on your space?
     
    To make your Space PUBLIC :
    [Do not do this if you do not want to show your photos or blog entries to others and want to protect your privacy]
     
    • Click on 'Edit Your Space '

     

    • Click on Settings

    • From the Tabbed Menu at the top Click on 'Permissons'

    • If your Space is set to Private means only you can see it. But gives you an allow list option. If it was set to Messanger, all your MSN contacts can view it.
    • Make it to 'Public' by selecting Public from the drop down menu.

     

    • Click on the Save Button below
    • You are done !

    Note:- If ou do not like your Space to be public you can disable it anytime by following the same steps above but Click on the Private Button instead of Public.

    Create a guest book

    See which of the following methods suits you best for Creating Your Own Guest-book.

    Please read the Permalink Tutorial in the Getting Started tutorial list as it will help you in the Guestbook Creation Below.

     

    Create a guestbook...

    The thing about the guestbook is, it's not a feature of MSN Spaces, it's a cunning use of the blog and list features.

    Basically, do the following:

    • Create a blog entry called: Guestbook
    • In that entry, put a message of your own creation asking people to leave a message.
    • Publish the blog entry
    • Preview your space
    • Click on 'Permalink' at the bottom of the Guestbook blog entry.
    • Copy the link for later use.
    • Create a new custom list called: Guestbook
    • Add one entry to the list called: Leave a message (or something similar to that).
    • Set the link for that entry to be the permalink of your blog entry called guestbook that you copied earlier.
    • Customize your space and place the list called Guestbook wherever you want.
    • To start with your Guestbook blog entry will be on your front page, but as you add blog entries it'll become hidden and all you're left with is a list that links directly to it. Bob's your uncle!