This tutorial will break it down step by step how to use my div overlay layouts.

Erase all of your old coding. That includes pictures, slideshows, your old layout, & etc. If you have a video posted to your profile delete that too because it will stick out if the div you chose isn't long enough. If you'd still like to use any of these things you erased, just save your old coding somewhere so that when you finish installing the layout you can add the codes back into the div layers.

Copy the first code provided and paste it into your About Me section. You don't need to edit this code at all but you can if you know what you're doing. Next, copy the second code provided and paste it into your Who I'd Like to Meet section but DO NOT save yet because you have to take a few steps first.

Get your Myspace Friend ID & paste it in all of the places of the code that say FRIENDIDGOESHERE. What is a Myspace Friend ID? Click here to see. It is VERY IMPORTANT that you put your Friend ID in correctly or your friends will get an error every time they try to contact you, see your pictures, or etc!

Now you can save your code if you want. If you saved before putting in your Friend ID, you need to start all the way over. Why? Because Myspace automatically changes your links to msplinks once you save and you wont be able to understand them anymore so PLEASE DO NOT SAVE UNTIL AFTER YOU HAVE PUT IN YOUR FRIEND ID.

Ok now you will go back to the Who I'd Like to Meet Section and find the div layers. There may be up to 5 and they will look like this:

<div class="bio"> ERASE THIS & PUT CONTENT HERE!! ERASE THIS & PUT CONTENT HERE!! ERASE THIS & PUT CONTENT HERE!! ERASE THIS & PUT CONTENT HERE!! ERASE THIS & PUT CONTENT HERE!! ERASE THIS & PUT CONTENT HERE!! ERASE THIS & PUT CONTENT HERE!! ERASE THIS & PUT CONTENT HERE!! ERASE THIS & PUT CONTENT HERE!! ERASE THIS & PUT CONTENT HERE!! ERASE THIS & PUT CONTENT HERE!! ERASE THIS & PUT CONTENT HERE!! </div>

You will put your content, pictures, etc inside of there. Each div layer will always be labled as what the layout says its for so that it is easier for you. Translation: If I put on the layout PICS, then you will find the div layer that says:

<div class="pics"> ERASE THIS & PUT CONTENT HERE!! ERASE THIS & PUT CONTENT HERE!! ERASE THIS & PUT CONTENT HERE!! ERASE THIS & PUT CONTENT HERE!! ERASE THIS & PUT CONTENT HERE!! ERASE THIS & PUT CONTENT HERE!! ERASE THIS & PUT CONTENT HERE!! ERASE THIS & PUT CONTENT HERE!! ERASE THIS & PUT CONTENT HERE!! ERASE THIS & PUT CONTENT HERE!! ERASE THIS & PUT CONTENT HERE!! ERASE THIS & PUT CONTENT HERE!! </div>

It's as simple as that for each box! If you dont know how to put your pictures on, click here to learn! If you dont know how to resize your pictures so that they aren't big enough to make the boxes scroll click here