by 172 people |
When I set up my first MySpace page I was soooooo confused! As a web designer, I kept looking for the freakin HTML entry form. Four hours later, I realized that there isn't one. You just stick the code ANYWHERE. Well...duh!
Since then I've discovered dozens of great ways to personalize my MySpace pages. I've also discovered that discovering how to do this isn't so easy. There are so many websites out there that are full of junk, it's hard to find the codes that just do what you want them to do! Here I've gathered basic, common codes where you can see them and use them without digging through pages of junk and ads.
Unless otherwise stated, the codes below can be inserted in any field on the Interests & Personality page.Thanks for visiting, and if you found this site useful, please rate it highly!
NOTE! Before you contact me with questions, please note that I cannot help you with colors, images, and "how to change the border from this to that," etc. You will need to grab a style from one of the many backgrounds, layouts, and templates links below or contact your web designer. Thanks!Are you a web developer?
I am constantly getting questions about coding issues for MySpace but I am no longer taking on new clients. If you are a web developer interested in answering such questions, let me know and I will post your contact info here. Thanks!
Need coding help? Contact the people listed below:
Need coding help? Contact the people listed below:
Remove or Hide Boxes
Get rid of those extraneous tables.
Remove that pesky URL box.
<style type="text/css">
table table table table div {visibility:hidden;}
div table table table table table div input, div a, td.text div {visibility:visible;}
</style>
* Note - when I tried it, it removed the URL and left the box. Hrm.
Hide Details
Put this at the bottom of your Heroes form:
</td></tr></table></td></tr></table></td><td><div class="hidethem"><table><tr><td><table><tr><td>
Put this at the beginning of your About Me form:
<style>.hidethem {visibility:hidden; display:none;}</style>
Hide the Extended Network Box
<style type="text/css">
table tbody td table tbody tr td.text table {visibility:hidden;}
table tbody td table tbody tr td.text table table, table tbody td table tbody tr td.text table table tbody td.text {visibility:visible;}
</style>
Hide General Information
<style type="text/css">
table td.text {visibility:hidden;}
td.text td, td.text span, td.text a {visibility:visible;}
</style>
<style type="text/css">
table table table table div {visibility:hidden;}
div table table table table table div input, div a, td.text div {visibility:visible;}
</style>
* Note - when I tried it, it removed the URL and left the box. Hrm.
Hide Details
Put this at the bottom of your Heroes form:
</td></tr></table></td></tr></table></td><td><div class="hidethem"><table><tr><td><table><tr><td>
Put this at the beginning of your About Me form:
<style>.hidethem {visibility:hidden; display:none;}</style>
Hide the Extended Network Box
<style type="text/css">
table tbody td table tbody tr td.text table {visibility:hidden;}
table tbody td table tbody tr td.text table table, table tbody td table tbody tr td.text table table tbody td.text {visibility:visible;}
</style>
Hide General Information
<style type="text/css">
table td.text {visibility:hidden;}
td.text td, td.text span, td.text a {visibility:visible;}
</style>
Hide or Remove Friends and Comments
For those who just want a clean webpage
Hide Friends
<style type="text/css">
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
</style>
Hide Comments
This goes in the City line of your Basic Information page.
<div style="position:relative; height:400px; overflow:hidden; border:0px;"><table><tr><td><table><tr><td>
Hide Friends and Comments
<div style="display:none"> <table><tr><td><table><tr><td>
Remove just the Comments LINK
<style>td.text td.text td td a, .redlink, td.text td.text td b a {visibility:visible!important;}
td.text td.text td a {visibility:hidden;}</style>
<style type="text/css">
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
</style>
Hide Comments
This goes in the City line of your Basic Information page.
<div style="position:relative; height:400px; overflow:hidden; border:0px;"><table><tr><td><table><tr><td>
Hide Friends and Comments
<div style="display:none"> <table><tr><td><table><tr><td>
Remove just the Comments LINK
<style>td.text td.text td td a, .redlink, td.text td.text td b a {visibility:visible!important;}
td.text td.text td a {visibility:hidden;}</style>
Basic Image and Link HTML Codes
Create links and use images on your webpage
Create a link
<A HREF="http://www.yourlinkhere.com/folder">Text or image goes here</A>
Insert an image
<IMG SRC="http://www.imageurlhere.com/folder/filename.ext">
This will create an image that loads at the exact size and dimensions of the image as it has been created.
Set Image Attributes
These are optional attributes you can add to format your images.
<IMG SRC="http://www.imageurlhere.com/folder/filename.ext" WIDTH=## HEIGHT=## BORDER=0 ALT="alt text goes here" ALIGN=RIGHT>
WIDTH and HEIGHT ## should be replaced with the desired dimensions. BORDER=0 will ensure no border is on a linked image. ALT text will show up during a mouseover or if the image link is broken. To align an image and have text wrap around it, select a right or left align.
Create an image link
<A HREF="http://www.yourlinkhere.com/folder"><IMG SRC="http://www.imageurlhere.com/folder/filename.ext"></A>
<A HREF="http://www.yourlinkhere.com/folder">Text or image goes here</A>
Insert an image
<IMG SRC="http://www.imageurlhere.com/folder/filename.ext">
This will create an image that loads at the exact size and dimensions of the image as it has been created.
Set Image Attributes
These are optional attributes you can add to format your images.
<IMG SRC="http://www.imageurlhere.com/folder/filename.ext" WIDTH=## HEIGHT=## BORDER=0 ALT="alt text goes here" ALIGN=RIGHT>
WIDTH and HEIGHT ## should be replaced with the desired dimensions. BORDER=0 will ensure no border is on a linked image. ALT text will show up during a mouseover or if the image link is broken. To align an image and have text wrap around it, select a right or left align.
Create an image link
<A HREF="http://www.yourlinkhere.com/folder"><IMG SRC="http://www.imageurlhere.com/folder/filename.ext"></A>
Decorate your MySpace Page
Give those blue tables a facelift
As a web designer, it is my duty to recommend that if you do add a background image, make it mostly readable, and keep your tables (boxes) a solid color that is light and easy to read. I've been to hundreds of MySpace pages that have great graphics but are totally unreadable.
Add a background.
<body background="http://www.domain.com/images.gif">
Add a background.
<body background="http://www.domain.com/images.gif">
Hilarious MySpace Shirts, Mugs, and Mousepads
Hide Basic Info and Last Login
Sent in by John:
To hide your basic info and last login:
In the end of your Headline put this CSS code:
" <font style="display:none;">
*note the leading quotation mark
Thanks John!
To hide your basic info and last login:
In the end of your Headline put this CSS code:
" <font style="display:none;">
*note the leading quotation mark
Thanks John!
Change Fun Extra Features
Instead of giving you ALL the codes, I've picked out some of the best extra coding features and described them below.
- Change the Online Status Icon
- Choose from several static and animated images that alert your friends of your online status. Or dead, or princess, or sleeping...
- More Change Online Icon
- More great images to change your online icon to.
- MySpace Contact Tables
- Like your profile plain but want to change your contact table? Find a great premade one here.
- Blink You
- Great static and animated images to use on your page or for comments.
- Free Flash Toys
- Fun interactive toys and images to add to your MySpace page. Tip - use one as a promo tool!
- Pimp-My-Profile.com
- Hilarious images, layouts, and graphics to use on your MySpace page.
- MySpace Tracker
- This tracker displays who visits your myspace profile page by showing their pictures and details.
- Live Online Radio
- Add live online radio to your MySpace page - several music genres and stations to choose from.
- MixMap
- Find out who is visiting your MySpace page with a map.
MySpace Backgrounds, Layouts, and Templates
Spice up your page with some graphic flavor!
If you are interested in changing colors, backgrounds, and images on your page, please check here. I cannot help you with these functions. If you don't see what you're looking for, contact a web designer or check here.
- From MySpace Codes
- Fun backgrounds with hearts, stars, shamrocks, and other non-Lucky Charms related themes.
- Pimp My Space
- Clear and detailed photo backgrounds. Use with the photo codes described in the next module down.
- MySpace Layouts 2
- 250+ skins to make your MySpace layout one in a million. (Or at least one in 250.)
- MySpace Rack
- What about my rack? Find hundreds of stylish, well designed themes, codes, and images here.
- Muttie.com
- Offering Myspace additions such as codes, backgrounds, graphics, icons, and more.
Add a Section
Add a new section to the left OR right side
The following code will allow you to add a new section/box to either your right or left side. The code is below in italics, and directions for installing it is found below that. This can be tricky!
</TD></TR></TABLE>
</TD></TR></TABLE>
<P>
<TABLE><TR><TD><TABLE>
<tr><td class="text" valign="center" align="left" width="300" bgcolor="6699cc" height="10" wrap="" style="word-wrap:break-word"><span class="whitetext12">Write your Title Here</span></td></tr><tr valign="top"><td><table bordercolor="000000" cellspacing="3" cellpadding="3" width="300" align="center" bgcolor="ffffff" border="0"><table border=1 cellspacing=1 cellpadding=1><tr><td>Write your text or section contents here</td></tr></TABLE>
If you are using the "hide details" code, place this BETWEEN the last text in your Heroes form field and the hide details code. If you are NOT using the "hide details" code, insert the code at the end of your Heroes form field.
If you wish to add additional sections, copy the code above for each individual section.
</TD></TR></TABLE>
</TD></TR></TABLE>
<P>
<TABLE><TR><TD><TABLE>
<tr><td class="text" valign="center" align="left" width="300" bgcolor="6699cc" height="10" wrap="" style="word-wrap:break-word"><span class="whitetext12">Write your Title Here</span></td></tr><tr valign="top"><td><table bordercolor="000000" cellspacing="3" cellpadding="3" width="300" align="center" bgcolor="ffffff" border="0"><table border=1 cellspacing=1 cellpadding=1><tr><td>Write your text or section contents here</td></tr></TABLE>
If you are using the "hide details" code, place this BETWEEN the last text in your Heroes form field and the hide details code. If you are NOT using the "hide details" code, insert the code at the end of your Heroes form field.
If you wish to add additional sections, copy the code above for each individual section.
Get more MySpace coding help
MySpace Quick Start
Gives advice for setting up your MySpace account and includes tips on:
- staying safe
- keeping your identity protected
- installing great visual effects
- using all the features such as classifieds and events
- having fun!!
Gives advice for setting up your MySpace account and includes tips on:
- staying safe
- keeping your identity protected
- installing great visual effects
- using all the features such as classifieds and events
- having fun!!
Hacking MySpace: Mods and Customizations to make MySpace Your Space (ExtremeTech)
Amazon Price: $21.36 (as of 11/11/2009) 
MySpace For Dummies (For Dummies (Computers))
Amazon Price: $13.03 (as of 11/11/2009)
MySpace Visual Quick Tips
Amazon Price: $11.04 (as of 11/11/2009)
Give your Blog a FaceLift
Don't settle for a boring blog. Find some great templates to jazz it up a bit.
- CreateBlog
- Fifty pages of templates (also get other blog tool templates here!)
- Customizing your Blog Settings
- An article on how to customize your blog settings to get the look you want.
Keep your Comments Images in Line
Tired of people posting annoyingly HUGE comments on your MySpace page? Just add this code to the end of your "about me" form field and they'll automatically resize to a more appropriate dimension. No need to delete great images to keep your page looking streamlined.
<style type="text/css">
td.text td.text table table table td a img {width:100px;}
td.text td.text table table table td div img {width:80px;}
td.text td.text table table td img {width:260px; max-width:260px; width:auto;}
td.text td.text table table td div img {width:80px;}
* html td.text td.text table table td img {width:260px;}
* html td.text td.text table table td a img {width:90px;}
* html td.text td.text table table td div img {width:80px;}
</style>
<style type="text/css">
td.text td.text table table table td a img {width:100px;}
td.text td.text table table table td div img {width:80px;}
td.text td.text table table td img {width:260px; max-width:260px; width:auto;}
td.text td.text table table td div img {width:80px;}
* html td.text td.text table table td img {width:260px;}
* html td.text td.text table table td a img {width:90px;}
* html td.text td.text table table td div img {width:80px;}
</style>
Was this lens helpful to you?
You'll need to contact your graphic or web designer for additional coding and image issues. I cannot help with those.
But if you found this lens useful, say hi!
roamingrosie wrote...
This lens helped me figure out some code I was struggling with - thanks!!
Posted June 16, 2009
Dr_Rozno wrote...
Congratulations! This lens is featured on PR-4 main page of The Coolest Squidoo Group
Posted April 10, 2009
tmariotti wrote...
Yes, very helpful! I've always struggled with this type of coding, this helps a lot.
Posted March 05, 2009
awesomeee wrote...
so, i don't know where to say this cause this is just a thank you thinger but i've been using the "add a section" code for a while on my myspace and just yesterday 'it went bad'. my layout was all over the place, but it's not just this code, i looked for new ones to add custom tables, none of them work anymore. did myspace change their coding or something? or is there a way you can fix the code?
oh, and thank you by the way, this stuff is awesome.
Posted March 05, 2009
Pimp Your Computer
Hey, don't leave yet!
I bet you know something cool about MySpace too. Or Facebook, or Hi5, how to plant a flower garden. (I have two black thumbs.) Whatever it is, you can create your own Squidoo lens to talk about it. It's easy, free, AND you can earn money for yourself or charity. Get started today! Explore related pages
Myspace- International Myspace sites.
Myspace Layout- Hello, Myspacers My name is Kerry a webmaster that loves to make custom myspace...
Myspace Background Generator- You can make your own myspace layout in minutes using this easy myspace backgrou...
Widget Finder : A Map for the Widgetsphere- An easy way to find the widgets you want and the gadgets you need. Discover the...
Myspace | My Com | My | My Page | My Space- Myspace - Myspace Layouts - Myspace Backgrounds 2007 The Pay Per Play Opp...
Myspace Secrets- $438 with Cheap Traffic Just in One Day. Check Proof. Learn the Ba...
