Myspace Basics

Part 2: Altering Text & Images

Scrollboxes

For a basic scrollbox like the one below, simply copy and paste the code into your MySpace. Simply change the width and height of the box by adjusting the numbers!


The code:
<div style="border:2px solid black; width:150px; height:50px; overflow:auto;">Put Your Text Here</div>

Adding Images

So you have an image on your computer that you want to put on your MySpace page or blog? Just follow a few basic steps:

1. First, go to ImageShack.us or TinyPic.com.
2. Where it says browse, search your computer for your image's location and select the file. Then click "host it" (ImageShack) or "upload now" (TinyPic).
3. On the page that loads, copy the "direct link".
4. Paste the link into the following code where it says "URL HERE":

<img src="URL HERE">

5. Finally, place this code into your Myspace, website, or blog!

Linking Text

To make your text link to a website, all you need is the code below. Replace "URL HERE" with the website's link and "Pink Squirrels" with the text you'd like viewers to see.

The code:
<a href="URL HERE">Pink Squirrels</a>


An example: <a href="http://sweetdesignsmagazine.com">Sweet Designs Magazine</a> will look like:
Sweet Designs Magazine


Now, if you want the link to pop up in a new window, use the code below instead. The add-on "target="_blank" is what makes that happen.

The code:
<a href="URL HERE" target="_blank">Pink Squirrels</a>


The example again:
<a href="http://sweetdesignsmagazine.com" target="_blank">Sweet Designs Magazine</a> Now, try clicking this:
Sweet Designs Magazine

Linking Images

To link your image to a website, you're basically just combining the codes from "Adding Images" and "Linking Text". From the code below, just replace "LINK URL HERE" and "IMAGE URL HERE" with their respective links.

The code:
<a href="LINK URL HERE"><img src="IMAGE URL HERE"></a>

Aligning Text & Images

Copy the code you want below and replace Pink Squirrels with your desired text or image. :D

Center Text

<center>Pink Squirrels</center> or <div align="center">Pink Squirrels</center> will look like:
Pink Squirrels

Right-Align Text

<div align="right">Pink Squirrels</div> will look like:

Left-Align Text

Most sites automatically align text to the left, but in the rare situation where this is needed: <div align="left">Pink Squirrels</div> will look like:

Aligning Images

To align images, simply replace "Pink Squirrels" with your image code <img src="URL HERE">

MySpace Advanced coming soon!! :D