|
|
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? 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: ![]() 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 < instead of < and > 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: <b>Dave</b>
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: <font color=red>Dave</font>
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: <img src=url>
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: ![]() 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: ![]() 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: <img src=http://i1.tinypic.com/zu1hjd.gif>
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... ![]() Looks good. Notice how if I had entered the < and > directly it would have removed them, but by using the awkward < and > sequences instead, MySpace has converted it for me. Nice! Now, the final test, to view my profile itself! ![]() 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 < into <, this means that each time you tweak your display name you'll have to manually convert the < back to < and > back to >. 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!
Categorized:
Twitter, LinkedIn and Social Network Help
(Article 6549,
Written by Dave Taylor)
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: 57jesse 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 Lara said, on April 6, 2007 9:31 PM:
hey dave, im the dame as sarah 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. 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. 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..
:) 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!! anyway, i tried that other code that people have been posting and it doesnt work for me either. 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 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.
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! it's like, 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 {
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. 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.
I do have a comment, now that you mention it!Check This Out Too... |
Recent Entries
Look for Answers
Recommended
All Our Categories
Apple iPad Help
Articles and Reviews Auctions and Online Shopping Blogs and Blogging Building Web Site Traffic Business and Management Computer and Internet Basics d) None of the Above Facebook Help Google Gmail Help Google Plus Help HTML, JavaScript and Web Site Programming Industry News and Trade Shows iPhone and Cell Phone Help iPod, Sony PSP and MP3 Player Help Kindle Fire Help Mac OS X Help Pay Per Click (PPC) Advertising Pinterest Help Search Engine Optimization (SEO) Shell Script Programming Tech Support Video Help The Writing Business Twitter, LinkedIn and Social Network Help Unix and Linux Help Video Game Tips and Help Windows PC Help Find Me on Google+ ADT on G+ |
... YOURE AWESOME!!!!!