Add Extra Stuff To Your Myspace Page
What you will learn
Creating a simple music playlist
Changing your cursor
Adding text link effects
There is a lot more you can add to Myspace than just the simple
Creating a simple music playlist is an additional option to having the single song that can be played using Myspace’s own solution. You can have as many songs as you want, and have the songs you want, so long as you can find the mp3 file (there is a link provided to a search engine that will help you)
Please note that you are going to need to be able to upload to a website for this tutorial. If you don’t have one, then try geocities (http://geocities.yahoo.com/). You only need it to host a text file, so don’t worry about size or space.
To begin with, you will need the songs you wish to add to your play list. As promised at the beginning, you should try finding them at http://www.mp3.com/. Remember you’re looking for mp3 or .wma files, so when you copy the link of the file, make sure you copy the part that says .mp3 or .wma.
Open up notepad and copy and paste the following text.
<ASX
version="3.0">
<Entry>
<Ref href="URL"
/>
</Entry>
<Entry>
<Ref href="URL"
/>
</Entry>
<Entry>
<Ref href="URL"
/>
</Entry>
</ASX>
Where it say URL, paste your link in between the quote marks. If you want more or less than 3, then either delete or add the following code
<entry>
<ref href=”URL” />
</entry>
Save your file and name it playlist.asx but before you click save, make sure you select all files instead of .txt.
Upload your playlist.asx file to your web server then paste its URL into the code below, over PLAYLIST_URL. Remember to include the http://
<embed src="PLAYLIST_URL" type="application/x-mplayer2" autostart="true" loop="true" height="45" width="180">
All you have to do now is copy and paste the code into your profile where you want your media player to be displayed.
Changing your cursor can change your original mouse curser into something different. Below are the codes for the options you can chose from. In all cases copy and paste into the about me section: <-Authors Note- Maybe add the code to the text so that on mouse over you get the cursor?>
Hand Cursor
<style type="text/css">body { cursor: hand; } </style>
Crosshair Cursor
<style type="text/css">body { cursor: crosshair; } </style>
Move Cursor
<style type="text/css">body { cursor: move; } </style>
Help Cursor
<style type="text/css">body { cursor: help; } </style>
North Resize Cursor
<style type="text/css">body { cursor: n-resize; } </style>
North East Resize Cursor
<style type="text/css">body { cursor: ne-resize; } </style>
North West Resize Cursor
<style type="text/css">body { cursor: nw-resize; } </style>
Wait Cursor
<style type="text/css">body { cursor: wait; } </style>
Adding text link effects can change the way your text looks when you mouse hovers over the code. Below is a list of possible codes you can use. Copy and paste these into your About Me section:
Flip Horizontally
<style type="text/css"><!-- --> a:hover{filter:fliph(color:FF0000, strength=3);height:0px;width:inherit} //--></style>
Flip Backwards:
<style type="text/css"><!-- --> --> a:hover{filter:fliph(color:B22222, strength=3);height:0px;width:inherit} //--></style>
Glow On Mouseover
<style type="text/css"><!-- a:hover{filter:glow(color:FF0000, strength=3);height:0px;width:inherit} //--></style>