Add a branding logo image on the top

The code would create a space above the ad section of MySpace profile page, then you can put a branding or logo image whatever there.
Change http://blog.myspacemaster.net/wp-content/uploads/2007/07/ph01.jpg to your image’s URL;
Make sure that you match the value 800, 261 with your image’s actual width and height value;
margin-left value to be the negative value of half the image width, for example, your image width is 1000px, then margin-left value should be -500px;
margin-top value to be the image’s height.

Screenshots:

  • before:
    thum24.gif
  • after:
    thum25.gif

Instructions:

  1. Copy and paste the code into the end of ‘About Me ‘

  2. <div class="logo">
    <img src="http://blog.myspacemaster.net/wp-content/uploads/2007/07/ph01.jpg” />
    </div>
    <style type=”text/css”>
    .logo {
    width: 800px;
    height:261px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -400px;
    }
    .logo img {border: none;}
    body {margin-top:261px;}
    </style>

  3. Save your editing and preview. Done. =)

Share/Save/Bookmark

Post a Comment or Leave a Trackback
seperator

13 Comments

  1. mr.shadow
    September 17, 2007 at 1:55 pm | Permalink

    whhhhhhat ssssssssssupppppppp

  2. :)
    September 17, 2007 at 2:56 pm | Permalink

    mmm…. workinig for me, but is there another one that is more girly???, i mean i dont want a paris hilton pn myspace!! kisses!

  3. M155
    October 19, 2007 at 12:16 pm | Permalink

    works great! thanks my man.

  4. October 23, 2007 at 6:07 am | Permalink

    Hey whats up. i think i need some help with this because i tried to put my own pic. it is not working. and please can you tell me the instructions whats to do. cuz i wanna put a pic above my page. thank you so much.. get back at me as soon as possible

  5. tracy
    November 14, 2007 at 1:45 pm | Permalink

    How do I MOVE the ADD COMMENTS link to the TOP of my comments section (currently folks have to scroll all the way to the bottom to access the add a comment link?

  6. just me
    December 21, 2007 at 9:20 pm | Permalink

    this is so confusing

  7. December 31, 2007 at 12:16 am | Permalink

    Well I tried and it didn’t work maybe you can tell me why.
    http://i81.photobucket.com/albums/j217/lyrical_soulist/logo.png that’s the banner I was trying to use.

    .logo {
    width: 800px;
    height:261px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -400px;
    }
    .logo img {border: none;}
    body {margin-top:261px;}

  8. ipak
    March 25, 2008 at 8:53 pm | Permalink

    hye

  9. Spy
    April 4, 2008 at 12:12 pm | Permalink

    works fine for me

  10. Kai
    April 6, 2008 at 2:22 am | Permalink

    This is what you get when you have MySpace kiddies trying to be professional web developers. Call me when you actually learn to code CSS.

  11. Sunshine
    June 3, 2008 at 12:58 am | Permalink

    This code would be in violation of myspace tos and you could get your account deleted. The purpose of that bar is advertising, and its the reason myspace and others like it are free.

  12. Sunshine
    June 3, 2008 at 1:00 am | Permalink

    Ignore that last comment. I noticed it moves the ad space below it.

  13. June 7, 2008 at 9:00 am | Permalink

    :)

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*