Create & Display your Band Logo on Myspace…
Dezember 20, 2007Ever asked yourself how you can get your band logo onto your Myspace Band Profile rather than just a simple text displaying your band’s name?
It’s pretty easy, especially if you already have an existing band logo.
However, if you don’t already have a band logo, you can easily create one by using GIMP or Photoshop Elements. But let’s skip this step, i might post a tutorial how to create a neat band logo at a later point.
Useful hint: if you want your logo to have a transparent background, save it either as a gif or as png. Because jpg doesn’t support transparency.
Ok, let’s assume you already have your band logo, and if you’re smart if you already uploaded it either to your own web space or to your myspace account.
Now log into your account and click to “edit your profile”, then go to “Band Details”, and then click to edit the “Bio Section”. Caution, it’s the 2nd edit link, not the first one.
<style>
span.nametext
{
display: block; width: 435px; height: 150px;
background: url(http://www.yourwebspace.com/thelinktoyourlogo.png) no-repeat;
text-indent: -9999px; margin-bottom:-15px;
}</style>
Note: the width and height values are to set according to the size of your logo. It wouldn’t make any sense making these values bigger than your actual image is. If you make them smaller, then only a part of your logo is shown. So check the pixel size of your logo first, before you alter these values.
Next step is you enter the correct path of your uploaded logo, if you’ve uploaded it to Myspace, simply right click it and select Properties. Then highlight and copy-paste the address of your logo. In Firefox you can just enter “Copy Graphic Address”.
no-repeat; means that your logo will only be displayed once.
text-indent:-9999px; basically puts your old text logo out of the window (to the left side since it’s a negative value…) You can choose any value you want, just make sure it’s so large that it’s outside the window. Without this parameter you would have both logs, the text and your new graphic logo, on the same spot.
Hope this helps!
I’ve uploaded a screenshot of a friend’s band myspace profile, that I did for them.
If you have any questions, post a comment, but please don’t forget to insert a valid email address so I can get back to you and answer your question!
Heey!
First of all, thanks for making this tutorial. Second of all, I can’t seem to make it work. The original name disappears and the frames looks as though they would fit the image, but it doesn’t show. It’s just white on white. I tried saving it in .gif, but it doesn’t seem to work. I made this logo myself, the old DIY way so it’d be a waste not to have it on. Have a look on the above url. If you could help me out with this, it would be much appreciated!!
Thanks, Kasper
Great tutorial, worked really well up until I actually put the logo on. It was right over to the left of the page and no matter what I tried I could never get it into the right place like the “Season” one you did. Also when i got it vaguely close to the right position the page widened and you had to scroll to get to music player and right hand column. Could you help??
Peace,
Nick
Thank you sooo much. Worked perfectly after a bit of tweaking, got my page looking really good!! Thnx,
Nick
Hi. I have the same problem as Kasper. There’s a blank space that looks like it could fit the image but it doesn’t appear. Could you help me please? Thanks
Ignore my coment! I stupidly forgot to put the brackts round my url! Thanks for the tutorial.
works like a charm.
thank you and may you have healthy children and a long meaningful life.
Rob B
I too am experiencing the same problem, as in there is a blank white space. However, I do have brackets so I’m not sure what the problem is. I’d truly appreciate any help. Thanks so much.
-Dustin