How to Put a Background on a MySpace Music Page

by Brandy Alexander
Enhance your music page with a distinct background.

Enhance your music page with a distinct background.

music notes image by cherie from Fotolia.com

Your MySpace music page is a way to promote your work to an enormous audience and connect with your fans. As you manage your profile, consider adding a customized background to your layout to distinguish yourself from the other music profiles out there. For example, use a color associated with your band or publish an image of your latest album cover. With Cascading Style Sheets (CSS) code and the settings in your music account, apply the background that you want to enhance your music page.

Step 1

Log in to your MySpace music account and click the "Edit Profile" link underneath the "Profile" menu.

Step 2

Click the "Musician Details" tab and then click the "Edit" link underneath the "Bio" box. The "Bio" box is the location where you enter any code.

Step 3

Type the following CSS style code that manages your page content:

<style>

body { }

</style>

Step 4

Enter "background-color:" between the curly brackets and type in the name of a color, such as "green." Alternately, use a hexadecimal color code to specify a particular shade (see Resources). For example:

<style>

body { background-color: green; }

</style

Step 5

Type "background-image:url( )" and enter the URL address of an image. If this image is hosted on an image-sharing site, such as Flickr or Photobucket, use the "Share" option and then copy the address that displays. Otherwise, use a file-hosting service like FileFactory or MediaFire and follow the prompts to upload your picture and generate a URL address (see Resources). Enter your code as follows:

<style>

body { background-color: green; background-image: url(http://www.domain.com/image.gif); }

</style>

Step 6

Click the "Preview" button to view your design and then click the "Submit" button to apply it to your profile.

Tip

  • The picture you specify in Step 5 automatically repeats itself throughout the background of the page. Change this behavior by typing "background-repeat:" and then follow this with a "repeat-y" to get the picture to appear vertically or "repeat-x" to display horizontally. For example, make your image show up in a vertical position as follows:

About the Author

Brandy Alexander has been writing professionally since 2001. She is a glass artist with a Web design and technical writing background. Alexander runs her own art-glass business and has been a contributor to "Glass Line Magazine" as well as various online publications.

Photo Credits