Industry guru Dave Taylor offers tech support on technical and business topics, including iPhone, iPod, Microsoft Windows, Sony PSP, cellphones, online advertising, CSS, Web design, business, Unix, Linux, SEO, Mac OS X, and shell script programming.     


On Myspace how do I replace my name with a picture?

Hello there I noticed on a friends myspace profile that she managed to get a picture in place of her name for example if you write Briggzy™ it'll come up with a TM right after my name. But my friend's profile has her name replaced by an actual picture. How to do that?


Dave's Answer:

This is a pretty tricky question, actually, and I spent a lot of time exploring different profiles and trying to reverse engineer / figure out exactly what was going on with these MySpace profiles. Then I figured out the secret...

When you're editing your MySpace profile, on the Name section, there's a little box called "Display Name", like this:

MySpace Profile Edit: Name

Try to add any sort of HTML like <b>Dave</b> and it's stripped away and won't work at all. But... and here's the secret... if you realize that the MySpace system is going to convert what you type into what would be displayed to a user as part of saving your changes, you can indeed get just that effect by using &lt; instead of < and &gt; instead of > in your display name.

This means that if I wanted to have my name in bold, I'd need to type in exactly:

&lt;b&gt;Dave&lt;/b&gt;

It's ugly, yeah, but it works. This also means that you can change the color of your name by using the font tag, like this:

&lt;font color=red&gt;Dave&lt;/font&gt;

Instead of "red" you could use "blue", "yellow", "green", about twenty different color names. Cool, eh?

Unfortunately, the MySpace folk don't give you very much space in that box, only 50 characters. This is where it's tricky to use a graphic, because the basic code for the graphic inclusion is going to look like this:

&lt;img src=url&gt;

Do the counting and you'll see that there are only 34 characters left, and seven of them are going to have to be "http://", so there are really only 27 characters left for the full URL of your image. Subtract four more for the ".gif" or ".jpg" and, well, it's not much space for a URL. I couldn't use, for example, "www.askdavetaylor.com/imagearchive/my-myspace-name.jpg" as it's far, far too long.

Fortunately, there are free image hosting services like Tinypic.com which will let you create and host a small graphic on their site without charge.

So I'll test it out. Here's a rudimentary graphic I've created:

Tiny Dave Myspace GIF Example

Reasonably fun and visually interesting, yet pretty darn tiny. I'll go ahead and upload it to TinyPic.com, where it's quickly included in their database and I find out that I have three different ways I can reference it:

TinyPic: Image Uploaded

It's the third one, the "Link" that I care about, not the other two. Now I can simply replace url in the above example with the TinyPic URL in my "Display Name" field:

&lt;img src=http://i1.tinypic.com/zu1hjd.gif&gt;

Now with any luck, I can paste that into the "Display Name" field, save it, and have a graphic replace my name on my MySpace profile...

MySpace Profile Updated

Looks good. Notice how if I had entered the < and > directly it would have removed them, but by using the awkward &lt; and &gt; sequences instead, MySpace has converted it for me. Nice!

Now, the final test, to view my profile itself!

My MySpace Profile with Graphic Name

Nice! So there ya go, you should be able to duplicate what I've done here with your own profile on MySpace. Me? I'm going to switch back to just having a plain old name instead. It's less painful on the eyes. :-)

Oh! One important tip: Because MySpace converts the &lt; into <, this means that each time you tweak your display name you'll have to manually convert the < back to &lt; and > back to &gt;. Tedious, but you probably won't modify that too often anyway...

Update: This no longer works on MySpace, sorry to say, and I haven't seen a good workaround yet. If you know of one, please let me know so I can update this. Meanwhile, you might be interested in reading about How to add fun symbols to your MySpace Profile Name.

Finally, if you'd like to connect with me via MySpace, that'd be great! My MySpace Page. Also, since you are just learning about MySpace, you might well be interested in my MySpace Help area too.


More Useful Twitter, LinkedIn and Social Network Help Articles:
✔   How do I search for a job on LinkedIn?
This may be a bit obvious, but I'm looking for work and am unclear how I can use LinkedIn to find positions other...
✔   Add a header graphic to my Twitter profile?
I heard from a colleague that Twitter's added profile pictures a la Facebook's timeline photo on the top. Nice, but how do I...
✔   Export LinkedIn Profile as a PDF Resume?
I've spent the last year or two updating and adding to my LinkedIn profile and it has a ton of information about me....
✔   How do I block an iPad app from accessing Twitter?
My son installed an app on my iPad and now it's posting updates on my Twitter account when he plays. What the deuce?...
✔   Repost a Facebook photo on Instagram?
I post a lot of photos on Facebook and sometimes want to share them with my Instagram followers. You can automatically mirror an...

Let's stay in touch!
Sign up for my weekly AskDaveTaylor Newsletter and you'll receive even more tech and gadget help right to your inbox, along with exclusive news and industry updates. It's good stuff. I promise!
    Enter your name: and your email addr:  




Categorized: Twitter, LinkedIn and Social Network Help   (Article 6549, Written by )
Tagged: cool myspace tricks, myspace, myspace customization
Previous: How do I configure my Solaris VPN network?
Next: How do I change the background color of my Powerpoint slides?




Reader Comments To Date: 57

E.Brown said, on May 23, 2006 1:43 PM:

... YOURE AWESOME!!!!!

jesse said, on May 29, 2006 10:23 PM:

doesnt seem to work for me, i got it in correct, but the page just displays the url with the <http://i3.tinypic.com/112fz8h.jpg>

Dave Taylor said, on May 29, 2006 11:11 PM:

Jesse, yeah, the MySpace folk have changed something so you can't do this trick any more. I don't know why they make it so hard to customize a MySpace account, but that's another story. I'm digging for a new solution: if you bump into one, do email me!

H3ATH3R said, on June 5, 2006 8:18 AM:

Yep I had html in my name for a lil bit, a very lil bit before they changed it. Some of my friends still have an image as their name though but they sure arent talking...hahahaha!!!

random said, on June 24, 2006 6:01 PM:

can't u just make a div over the name and in the div format put a pic???

and since the name uses % instead of px, use the same % for where the div is placed over the name???

YAIDRA said, on July 14, 2006 9:37 PM:

IS THERE ANYWAY YOU CAN MAKE YOUR DISPLAY NAME LOGER THEN 50 Characters??

Cam said, on September 29, 2006 12:30 AM:

I was wondering if your knew how to load a picture in the name field of a music myspace. I tried using your code but it did not work it could be becuase there is no "display name" section.

tiara said, on December 20, 2006 9:05 PM:

style type=text/css> span.nametext {font-size:0.5pt; display:block; background-image:url(URLHERE photobucket link works best); background-repeat:no-repeat; background-position:center; overflow:none; background-attachment:scroll; text-align:center; width:200px; height:50px; color:black;} at the end.

kevin said, on February 18, 2007 6:34 PM:

i need help. for some time now i have been able to log in brouse, do everything on my profile. the only problem is that my profile is not showing up for others outside of my friends to view. my security is set for public. i have looked around and just at a dead end please help, thanks, Kevin.

sarah said, on February 24, 2007 6:01 PM:

i want to make my name bigger. how do u do that

can u give me the code?

i want my name to be sarah.

plz?

Amaan Qureshi said, on February 25, 2007 1:48 PM:

thanks tiara! that works for me, however, whenever i use it m whole profile comes out weirdly centered! solutions?

Grace Collins said, on March 24, 2007 3:52 PM:

Please help me because nobody knows how to help me!

On my profile i want to know the code to have when I want as my myspace name on my profile which is located above my picture in a different font and big and bold

i tried using but it comes up like tht infront of my name on my profile HELP ME PLEASEEE!!!!!

alicia said, on March 31, 2007 12:02 AM:

hey
do u know how to section the writing in the about me section on myspace so there is only like one sentence per line??

Lara said, on April 6, 2007 9:31 PM:

hey dave,

im the dame as sarah
im DESPERATE to find out how to make my myspace name bigger!!

PLEASEE tell us how!!

Showerman sam said, on April 12, 2007 10:24 AM:

i have a myspace music profile and the thing tiara said didnt work....how can i put an image into my name as your method does not work either?

becki said, on April 21, 2007 7:28 AM:

hi dave, how do i custiomize my "about me" writting, to be bold, italic, underline in some places but not others? i had it b4, but my profile got deleted, so im now in the proces of startin over. even if u cud give me the name of a website to get the codes from, that wud be a great help.
thanx love becki xx

Vanity said, on April 29, 2007 3:32 AM:

hey well this code doesn`t work trust me i know &&i actually found a nicer code &&more simple to do &&use go one "http://www.createblog.com/scripts/download.php?id=357" more simpler &&has a lot of code`s that you can use &&would be usefull for your page.

Elizabeth "tried the picture display thing" said, on June 26, 2007 6:22 PM:

nope. Didn't work for me :(

tyler said, on July 11, 2007 12:30 PM:

davee tiny pic has changed pleasee fix it im trying to put and image as mt display name how do i do that

frances said, on July 19, 2007 4:22 PM:

HELP ME PLEASE! i want to kno how do u either put a graphic on yer profile or i want to kno how to change the color on yer display name. i read all of this and tried everything but i cant figure it out! i need help from someone?!

nia said, on July 23, 2007 4:36 AM:

how do you get stars on your myspace name?

lindsey said, on July 29, 2007 10:15 PM:

dude this just screwed up my display name. its false info and dont do it!!!!!! DDD=

RUTH said, on August 4, 2007 4:37 PM:

DIDNT WORK.
it actually turns out
<>
on my profile...

Bryanna said, on August 6, 2007 8:39 PM:

ive seen a code where it only makes the image show up on your profile and not anywhere else. do you know that one?

Digital Samurai said, on August 7, 2007 10:57 PM:

Real easy to put a pic as your name. Just copy and paste the below text to your about me section at the end of everything. Be sure to put the URL for your pic (photobucket, etc) in place of mine. Enjoy!

span.nametext {font-size:0.5pt; display:block; background-image:url(http://i12.tinypic.com/52dvia0.gif); background-repeat:no-repeat; background-position:center; overflow:none; background-attachment:scroll; text-align:center; width:200px; height:50px; color:black;}

asdfghjkkl;; said, on August 8, 2007 4:35 PM:

how do you put a star there instead of a heart? o.O

cause like alot of my friends have them..

teddddd. said, on August 9, 2007 4:15 PM:

Dude, you are amazing. I want to be just like you when i grow up.

Tong said, on August 10, 2007 12:12 PM:

how do I get the Trade Mark (TM) sighn after my display name. I tried the briggzy&trade thing after my name and I still didn't get it. Help me please

paula cox said, on August 17, 2007 4:38 AM:

how do i put a differant picture on myspace?

andres said, on August 19, 2007 1:48 AM:

how do i put drawings in my profile

sarahh said, on September 8, 2007 7:43 PM:

i have a love my flash myspace page and i wondering how do i get the tm trademark without it saying the actua words. ™ but when i type it on my page it comes up as & trade; its says the tm sign on everybodies friend list though. it really does bother me.

sharon said, on September 9, 2007 5:05 PM:

i tried doing taht color for ur name im doing something wrong can u help me please? Also my profile is set on private i want to put my layout background on that ive seen it but dont know how. Thanks sharon

mariah said, on September 20, 2007 12:55 AM:

To put the TM on your name, you do..


& trade ;


but you have to connect them, if i would have connected them there, it would turn out like


:)

ADRIANA said, on October 6, 2007 9:44 AM:

HOW DO I GHET MY WORDS RIGHT NEXT TO MY PIC ON MY MYSPACE?

patrick said, on October 9, 2007 2:49 PM:

that java script only works on mac

got anything for pc?

MYEISHA said, on October 23, 2007 7:01 PM:

THANK YOU SO MUCH

emilidle said, on November 17, 2007 7:17 PM:

it didnt work 4 me

can u help make my display name big 4 me?

please!!!

emilidle xx

mainong said, on December 14, 2007 12:05 PM:

is there anyway i could replace my myspace friend's pictures with their name only. So that instead of showing their display name w/ their picture I just want their name on there?

mg

Katie said, on December 21, 2007 9:28 PM:

my myspace name has always been ok but just recently it says hello before what i type as my name anyone know how to get rid of it?

Dylan said, on January 10, 2008 3:09 AM:

yeah i just wanna know how to make my name bigger in font size as i have seen it done before. please enlighten me

tasha said, on January 21, 2008 3:48 PM:

i did everything you said. && t just show the <img src=etccccc on my profile when i try to put an image

Devon said, on February 2, 2008 6:10 PM:

how do you put a backround up when people are viewing your pictures

sheaana said, on March 10, 2008 11:41 AM:

can u please help me get on myspace

anna said, on March 16, 2008 5:46 PM:

unfortunetly god has given most of you stupidity. can't you read? he said a number of times that the code he offered doesn't work!!
so why do you all continue with leaving comments like: "omg your code doesnt work!!! it just did this and this"
no duh!

anyway, i tried that other code that people have been posting and it doesnt work for me either.
i know its still possible because theres a girl on my myspace with it and i asked her how she did it but she never answered........
So help would be great. :)

anna said, on March 16, 2008 5:52 PM:

TO KATIE: lol lol lol lol, silly silly girl! it only says hello on your myspace home page! its saying hello to YOU
my display name is "annas sup-ah kool" and when i log in it says "Hello, annas sup-ah kool" it doesnt actually show up for anyone else to see.

Brandon said, on June 26, 2008 9:57 PM:

Hey everyone, I know this is a late comment compared to everyone else, but me and a friend just figured out the right code after many attempts.


.nametext{background-image:url(URL Here);background-repeat:no-repeat; overflow:hidden;height:40px;width:100px; font-size:0px;text-align:left;color:green;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;display:block;line-height:0px;}


Hope it helps.

Brandon said, on June 26, 2008 10:01 PM:

Edit: Of course you do your own width and height for whatever image you're using, as well.

Ronna said, on July 17, 2008 9:45 AM:

hi Dave!
hey, i really want to my profile to be just like my friend's.
i saw a web where you can do that, but i forgot.
can you pls. tell me?

it's like,
you have to copy your friend's ID# then you paste it in then your profile is goin to be the same as your friends.

ASAP :]

THNX!!

Bad Taste Apparel said, on July 17, 2008 9:13 PM:

<style>

div table td form select, div table td form input, div table td form img {visibility:hidden; height: 120px; width:120px;}

div table td form {background-image:url(PIC_URL_HERE);}

</style>

PIC_URL_HERE = Your image's URL at whatever image hosting site you're using.

yohana said, on October 5, 2008 10:45 AM:

is there ANY OTHER WAY to replace my name with picture??? 'cause that codes doesn't work out in my page =[

Johnny (I'm African) said, on October 25, 2008 10:52 AM:

I found it.

it took me about 30 minutes to find it in a code and how it works.

Here it is:

span.blacktext12 img {display:none;}

.nametext {
background-image:url(URL HERE);
background-position:Center Center;
background-repeat:no-repeat;
overflow:hidden;
height:131px;
width:300px;
font-size:0.5px;
text-align:left;
color:000000;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display:block;
line-height:0px;}


change width and height to the pictures Width and Height.

It works, but I'm still a little confused on some things.

Dagbjört said, on December 22, 2008 10:53 PM:

NO YOU DIDN'T FIND THE CODE. You just copied the otherr code above.

Joe said, on March 30, 2009 4:02 PM:

it doesnt work for me, it just puts the link down as my display name

kate said, on June 8, 2009 3:39 AM:

i just tried that out, thanks for the work you pt into it.
only problem is that since myspace has updated itself recently it must have figured that trick out.
when i copied the code for making your name bold, it simply convert the awkward txt into <b>kate</b> and it didnt make it bold.
sorry :(
thanks though.
kate

FAHAD said, on June 15, 2009 10:26 AM:

i want to creat a pic of my name

Jazzel said, on November 23, 2009 12:21 AM:

Please help!! I cant get my dislpay name to change, i've asked myspace to help...they dont so far. i have star symbol on both sides of my name, want to change, i'v tried privacy name sect and contact sect they do no work..it wont change!!! please help...thank you !! xoxoxo

Ashley said, on January 14, 2010 7:33 AM:

I found a code that actually works for myspace 2.0 to replace your display name with an image. I just tried it on my profile and it worked for me. All you have to do is copy the following code the replace where it says insert image url with the url of the image you want to use. Also make sure you change the width and height so that its the same size of the image you want to use. Here is the code:

div.basicInfoModule div.basicInfoDetails h2 {display:block; width:125px; height:70px; font-size:0px; letter-spacing:-500px; background-image:url(INSERTIMAGEURL); background-repeat:no-repeat;}

After you have change the width and height and pasted the url into the code go to custom profile. Copy and paste the code into your css box. You may have to do it a couple times but it works! At least it did for me.

Starbucks coffee cup I do have a lot to say, and questions of my own for that matter, but first I'd like to say thank you, Dave, for all your helpful information by buying you a cup of coffee!

I do have a comment, now that you mention it!











I will never send you any unsolicited email. Ever.






Check This Out Too...

 
Look for Answers
Need Help? Ask Dave Taylor!


Follow Me on Pinterest

Find Me on Google+
ADT on G+
© 2002 - 2013 by Dave Taylor. All Rights Reserved.

Note: This web site is for the purpose of disseminating information for educational purposes, free of charge, for the benefit of all visitors. We take great care to provide quality information. However, we do not guarantee, and accept no legal liability whatsoever arising from or connected to, the accuracy, reliability, currency or completeness of any material contained on this web site or on any linked site. Further, please note that by submitting a question or comment you're agreeing to my terms of service, which are: you relinquish any subsequent rights of ownership to your material by submitting it on this site. My lawyer says "Thanks".
"Ask Dave Taylor®" is a registered trademark of Intuitive Systems, LLC.