|
|
How do I add MySpace background codes to my profile?I saw your earlier article about how to change the background color of a MySpace profile (see Change background color of MySpace profile) but that's not what I want to do. I want to actually add a background picture. I've seen it done on tons of profiles - how the heck do I change my MySpace backgrounds myself? I'll show you how to do this, but be warned up front that it's not the easiest task in the world because you need to actually figure out what background picture you want to use then actually upload that to a different server, not MySpace. There are a bunch of options, but I'm going to use Photobucket for this particular example. Your first step, therefore, is to find an image that you like and upload it onto Photobucket, as I explained in the earlier article How can I host images on the Web? Once you've uploaded an image, you'll be able to see how to reference it a few different ways, like this: ![]() The value that we need for this particular MySpace trick is the Url, but just leave that window alone for now and pop open another one with your MySpace profile. Click on "Edit Profile" next to your picture and find your "About Me" profile box. Scroll to the very bottom of that box and add the following CSS code exactly as shown: <style type="text/css">
body { background-color: transparent; border: none; border-width: 0px; } body { background-image: url(photobucket url); } </style> You type that in exactly as shown into the About Me box, after all the material you've written, replacing where it shows photobucket url with the value of the "Url" field on Photobucket itself. In my case, when I use the subtle background graphic shown earlier, it looks like this: <style type="text/css">
body { background-color: transparent; border: none; border-width: 0px; } body { background-image: url(http://i106.photobucket.com/albums/m259/d1taylor/subtle-background-graphic.jpg); } </style> The result is pretty attractive: ![]() but perhaps too subtle! There are a couple of easy tweaks we can make to the CSS to make it more generally interesting, then we'll look at some advanced tweaks. First, add the following lines and you can "fix" the graphic so that the text content scrolls but the picture's fixed: <style type="text/css">
body { background-color: transparent; border: none; border-width: 0px; } body { background-image: url(photobucket url); background-attachment: fixed; background-position: 0,0; background-repeat: repeat; } </style> (for simplicity, I'm going to use 'photobucket url' again, but you know that you have to replace that bit with the actual Url from your uploaded photobucket picture or whatever other picture you choose to use, right?) If you don't want "fixed" for the background attachment, you should specify "scroll", which is what you're used to seeing on Web pages. You can turn off the cookie cutter repeat in both the horizontal and vertical direction by specifying background-repeat of "repeat-x" only, "repeat-y" only or "no-repeat", and you can specify how the background graphic should line up in the window with pixel offsets from the top left (as I do here), percentages (0%,0% is the top left, 100%,100% is the bottom right) or even specific words, top, center or bottom followed by a comma and left, center or right. Putting that all together, if you have an image you want centered, not repeating, fixed, you could use background-attachment: fixed; background-repeat; no-repeat; and background-position: center,center; Still, what most people seem to do with background graphics is to have the image "bleed through" the individual elements of the profile, so let's do that too. Be warned, however, this is where your profile can become darn unreadable darn fast! What I like to do is to have a sort of middle ground solution, with some areas retaining their default white background for readability while others have the background bleed through. This is so incredibly easy to do that you'll gasp! Just add three letters to the earlier CSS: <style type="text/css">
body, td { background-color: transparent; border: none; border-width: 0px; } body { background-image: url(photobucket url); background-attachment: fixed; background-position: 0,0; background-repeat: repeat; } </style> Can you see what I added? After the first "body" I added ", td" so that the background color of the 'table data cells' are also transparent. Here's what happens: ![]() Ah, that's looking more like a typical crazy MySpace profile with a custom background graphic, isn't it? :-) I know, you're dying to learn how to get rid of those annoying white background boxes so that all of your profile is shown against the background graphic, aren't you? This is just a few additional characters again: where we have "body, td" simply make it "body, td, table", like this: <style type="text/css">
body, td, table { background-color: transparent; border: none; border-width: 0px; } body { background-image: url(photobucket url); background-attachment: fixed; background-position: 0,0; background-repeat: repeat; } </style> The result is predictably a bit more hard on the eye, but nonetheless interesting: ![]() Turns out that if you're willing to slog through all the possible tweaks and fiddles you can add to the CSS, there's a lot more you can do, and, of course, you can also use a far more dramatic background graphic or photograph than I have chosen for my own profile. I'll address these more advanced "div" tweaks a bit down the road! Also, while I'm at it, I have a lot of additional MySpace Help here on the site and you can also become my friend by checking out my MySpace profile.
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 6865,
Written by Dave Taylor)
Tagged: hacking myspace, myspace, myspace background, myspace profile Previous: How can I get iTunes to skip certain songs in shuffle mode? Next: How do I create a new MySpace group? Reader Comments To Date: 303Antoinette DePrima said, on September 1, 2008 2:39 PM:
Hi Dave, I sent a few questions but never received an answer. Please help. L. C. Dees said, on September 8, 2008 8:30 PM:
"The value that we need for this particular MySpace trick is the Url, but just leave that window alone for now and pop open another one with your MySpace profile. Click on "Edit Profile" next to your picture and find your "About Me" profile box." I want to add background to my 'myspace music' page, which does not have an "About Me" option. Where to I place the information you speak of? Megan said, on September 10, 2008 11:28 AM:
THANK YOU, THANK YOU!!!! This took me a very long time to get it right, but I finally did! Thank you, your instructions are perfect! yesenia said, on September 10, 2008 8:06 PM:
how do you make a background to my myspace jay said, on September 18, 2008 6:23 PM:
how do i make it that my background is nothing but white.i have a myspace beta that won't let me cancel ?? CARLA said, on September 24, 2008 1:12 PM:
SOMETHING IS WRONG WITH MY MYSPACE. Myspace_cridict said, on September 24, 2008 7:09 PM:
umm i finally got it, thanks alot you paste the the direct link into where it says PHOTOBUCKET URL!!!!! okay??? Bruna Lemes said, on September 27, 2008 1:18 PM:
I'm new on myspace and my profile looks nice, but I can't put background, I've tried so much sites with all types of codes but I can't do this, I'm very annoyed :S I'd like someone helps me please I beg :P kisses :D Jay said, on October 8, 2008 4:21 PM:
Iv made a custom background with photoshop but i cant figure out what size to make it fit the page perfectly. Is there something i have to do with the code or is there a size i need to make it? Please Help Thank you Artie said, on October 16, 2008 4:17 PM:
I have an Artist account and there is no "about me" box under edit profile to place all of the info that you have given me. I made up a regular account, and everything you recommended worked perfectly. If you could just tell me where to place my codes in an artist account, then i would greatly appreciate it!! margarita said, on October 27, 2008 5:54 PM:
how do i get pitchers off my backround on myspace? Bree said, on October 30, 2008 1:11 AM:
hey i am trying to add a back ground pic to my space but the back ground is just comming up grey???? help :D Mandandy. said, on November 1, 2008 1:45 PM:
OMG thank you i love this site so much i have been looking for the background code and have tried like ten. finally someone who knows what theyre talking about. Jay said, on November 4, 2008 3:26 PM:
I am trying to change a background for a friend who has a myspace music account. The myspace editor doesn't work for myspace music pages. Any suggestions? amber said, on November 4, 2008 8:02 PM:
artist page on myspace...can't figure out where to post codes.
Myspace_cridict said, on November 10, 2008 6:19 PM:
OKAY! EVRY ONE WHO NEEDS HELP ON MYSPACE PLEASE E-MAIL ME! I AM A PRO ON MYSPACE AND HAVE BEEN ON FOR YEARS! I WILL SOLVE ALL OF YOUR PROBLEMS!!!!!!!! PLEASE E-MAIL ME M.C - thank you.. amy said, on November 19, 2008 7:56 PM:
hey mate my name is Amy. I have repeatedly spent hundreds of hours on my myspace page trying to change the background...ive gone to "my interests" and pasted, but its not working. do you know what to do to fix? Clint said, on November 21, 2008 2:03 AM:
i tried everything to change my background but i can't. can you tell me clint said, on November 21, 2008 2:09 AM:
how do i add myspace background codes to myspace joanna shippam said, on November 21, 2008 3:47 PM:
Background By Myspace Layouts Harry Neve said, on November 24, 2008 4:07 AM:
I just followed the instructions on how to add a picture as the background for my myspace profile. It all seemed corrct but when viewing my profile directly afterwards, nothing has changed. Does it take a while for the picture to become active? UnderNewYork said, on November 25, 2008 2:16 PM:
Thanks for putting this handy, well read, tutorial together! very easy! Hali said, on December 1, 2008 3:42 PM:
how can i flip my myspace layout around!?? David martin said, on December 1, 2008 7:18 PM:
Thanks for the information about adding a photo using photo bucket it worked great and was easy to understand. Unlike some sites where they either give to much information and confuse you or assume you already know things thus skipping vital steps in there breakdowns of how to do things. You where very clear/. Julieta said, on December 2, 2008 1:30 AM:
You are a GENIUS!!!! Trust said, on December 3, 2008 2:32 PM:
This did the trick thank you!!! Great tutor! joy said, on December 4, 2008 7:15 AM:
i cant get the backgroung pic to download to myspace all i have is a blue backgroung please help debbie said, on December 4, 2008 9:36 PM:
how do i put a picture that i have saved on my computer as a background picture on myspace Ken Price said, on December 5, 2008 5:39 PM:
Hi Dave-how do I make my search results and such fit my screen w/out having the side to side scroll bar on the bottom. Captain Mumble said, on December 5, 2008 7:49 PM:
Great tutorial and a very helpful site-cheers. Woo said, on December 7, 2008 12:17 PM:
u are freakin awesome man... THANK YOU brody said, on December 15, 2008 6:00 PM:
hey dave i need som help im trying to figure out how to add a simple picture as a layout for my website........plz tell me what to do Jamie said, on December 30, 2008 7:41 AM:
hi my space depressingly cant upload a background been following your advice and it still doesnt work. daniella garcia said, on December 31, 2008 4:40 PM:
thankss...i used the 2nd code on your page..and it helped me alot. -danni carlos said, on January 3, 2009 8:47 PM:
i added a top banner to my myspace page...centered it nicely above the advertisement bar. however, when i log on using a larger screen such as my desk top instead of my laptop...it moves over . i found that if i enlarge or shrink my window on any computer the page moves over but not my top banner along with it. how do i keep it centered all the time? please help nancy said, on January 14, 2009 8:03 PM:
Hi Dave how can I get a Code for letters gg said, on January 18, 2009 6:45 PM:
how do u change backround on hotmail.com nerissa said, on January 21, 2009 8:03 AM:
thanks for your help!! :D krystal said, on January 30, 2009 10:54 PM:
how do i make things like this on my myspce for my display name?????? ☠☠™
taylor said, on February 6, 2009 9:43 PM:
how do u put a backgroun on myspaces Jordan said, on February 13, 2009 11:33 AM:
I can not get my image to center on the page. I tried it your way by typing in background-position: center,center; and it still does not work. I also tried the background-position: 50%,50%; and nothing happened. Is there something else I should be doing? Erica said, on February 17, 2009 5:23 AM:
dave, you honestly rock your instructions and demos are sooo clear i love you man! Mina said, on February 18, 2009 6:55 PM:
How do i get my table background color to become transparent but the images and text to stay solid (not transparent)? india smith said, on February 20, 2009 9:37 PM:
tom change the myspace now how do i et one of my own pictures to be as my backround san said, on February 24, 2009 1:58 AM:
how do u make it where no one can read ur comments masonmascara. said, on February 26, 2009 2:57 AM:
OMG, its so hard for me, im new to myspace so i don't understnad!
klyde said, on February 26, 2009 2:45 PM:
ok i tried that.. jennifer said, on February 28, 2009 2:18 PM:
my background wont change somehow sence myspace has been upgrated i changed my background in "myspace editor" but know when i go there the upgrade info comes out & i cant do anything ive been having the same background forever.!! pls help me :( Menda said, on February 28, 2009 10:11 PM:
Okay Dave, this is my step-daughter's page and the picture on the background is what we want to get rid of. I've tried changing the background so many times and part of it changes but the picture of her and the boy is always still there. I can't figure out how to get rid of it. PLEASE HELP!!!!! Dave Taylor said, on February 28, 2009 10:30 PM:
I have no idea how that's being included, Menda. The image is cached on MySpace at http://a941.ac-images.myspacecdn.com/images01/11/ l_cde4d51141ea558da9f7c85fa5e32f9c.jpg so somewhere on the site there's a copy of the photo that's been uploaded. If you just go to your daughter's photo album and find the image, I'm guessing that it won't work as a background image. Please let us know what you figure out! Goliard said, on March 3, 2009 1:22 PM:
Hey Dave. . .thanks so much for your efforts. Really appreciated. I've been trying to use your code to put a background on my page w/no success for a minute now. I put the code in at the end of "About Me," save it, then look at my profile. . .no background. When I go back to the Edit Profile page and look at the code again, it's mysteriously Disappeared? WHA? Interestingly, adding simple tags works fine. Either Myspace doesn't like the code & cuts it out after I try to use it, or it's never getting saved in the first place, for some reason. I'm pulling my hair out, so: Any ideas much Much appreciated! laura said, on March 7, 2009 10:41 AM:
HOW DO I TAKE THE EMO OFF N PUT A DIFFERENT ONLINE NOW STATUS ON IN THE LITTLE BOX WHERE MY PIC IS. BUT I DO WANT THE ONLINE NOW THERE Widjet said, on March 8, 2009 12:24 PM:
DAVE! ive got a picture i resized to 1024 X 768, i figured that this would be the correct size to fit my pic into the whole myspace background. But after resizing it by using Photobucket and by using a code generator, the picture just comes out in one corner. How do i get it as the FULL background by not stretching it or sacrificing its quality? please help! georgia cole said, on March 9, 2009 11:57 AM:
how do i move picturers from the right of my profile to the left side of my profile..i need asap MAGALY said, on March 9, 2009 12:34 PM:
I HAVE A QUESTION HOW DO U CHANGE MYSPACE LAYOUT TO SOMETHING ELSE IN WEBFETTI? Bob said, on March 13, 2009 2:05 PM:
THIS IS STUPID!!! I entered exactly what u said, followed your instructions perfectly, but it never comes up. On my profile under where it says About Me, all that comes up after i type the background code into it is .. I even tried a different picture, but that wouldnt work either. You have been absolutely no help at all. Does anyone know WTF is wrong?!?!?!? Bob said, on March 13, 2009 2:07 PM:
This page is useless, i followed the instructions perfectly, but nothing worked. Under About Me, all it shows is .., with no background. This site has done nothing but waste my time. Does anyone know what the heck im doing wrong? Adora Wells said, on March 14, 2009 7:05 PM:
I can't seem to place a background on my myspace melissa said, on March 17, 2009 2:53 AM:
can i ASK how can i put a backround to my friendster i want winnie the pooh Jackie said, on March 17, 2009 7:23 AM:
How do you remove the customize profile off your page? I am unable to remove this. Each time I click "edit profile", add data to about, who i would like to meet, etc.., nothing changes... Please help. Leo said, on March 28, 2009 6:01 AM:
I used a CSS code to add extra width space to my Myspace profile 2.0. I'm using a premade myspace theme in which I don't have the URL for. I only had to select the theme. I've tried to retrive the URL but was unsucessful. The problem I'm having is with the extra space I created. At the point which the background repeats is when the background starts to scroll with with my content. The initial part of the background doesn't stroll at all, which is the way I want the entire background to be. I want to do either two of the following things. Either expand my background to fill my entire page including the extra space I've created so that background doesn't look repeated. Or simply get the repeated part of the background to stop strolling with the content. I thank you in advance for any help you can provide. Kurai said, on April 1, 2009 3:33 PM:
If you take a look at my current profile you can see the pic I want as my background. My only problem is that I want the pic to fit the WHOLE SCREEN, not tiled, noy a small pic in the center either. How do I get a photo to take up the entire backgrpound of my profile? Alex said, on April 3, 2009 10:44 AM:
I've been trying for about 2 weeks now, to get a picture background on the full screen... I've tried everything from resizing, cropping the picture to anything ranging between 1280x1024 or 1280x768 as those are the screen sizes I thought we'd use.. I can't get my head around html coding to do it, and a friend of mine mentioned some codec to insert saying ="100%" somewhere.. annie:) said, on April 6, 2009 9:33 PM:
i just really want to thank you dave because you have helped me alot with myspace backgrounds,i was stressing alot hahaha i have been trying and trying to figure it out some things and now i have all good thanks to you, you're the best! i cant thank you enough, cheers! Blake said, on April 13, 2009 8:01 PM:
Myspace, I had the full View now all the sudden have some crap called the lite view... How to change it back. Urban Law said, on April 23, 2009 11:08 PM:
I would like to put a picture at the top of my myspace page how do I go about doing this? Thanks randi said, on April 25, 2009 7:25 PM:
i have a music myspace and i do not know to put the code for a backround! kyre said, on April 25, 2009 7:46 PM:
cute Jason said, on May 16, 2009 1:15 PM:
I have a band myspace and i've carefully applied all the codes on this page. It has only half worked though. All my boxes are still white and i want them transparent... I didnt create the myspace myself so i have a feeling something in the streams of code that were already there is stopping this from working. Please help lol nicqula said, on May 23, 2009 5:57 AM:
how do u get a background for myspace Robin said, on May 31, 2009 5:11 PM:
This did not work for me the whites n the middle and all but the picture I selected is not showing up instead of my picture its gray and it won't change I have tried everthing. Can you please help me??? -Robin midnight said, on June 12, 2009 8:39 PM:
dnt know how to put on background Mew Mew said, on June 16, 2009 7:55 PM:
How do you save a layout on an artist profile? Dylan said, on June 19, 2009 12:23 AM:
ive been wondering for a long time how i can put a picture of me and use it to a myspace layout that i already have on my page (i want both up there) can u plz help me THANX rick said, on July 3, 2009 12:35 PM:
how to add backgrounds to my artist profile K.J. said, on July 12, 2009 7:01 AM:
Where do we type the code in? txus4sho@gmail.com said, on July 16, 2009 8:24 PM:
Dave i have an artist page and i'm having the same problem with my page aligning to the left with a white strip to the right !Can you be of assistance? Lee said, on July 27, 2009 12:37 AM:
Dave i have an artist page and i'm having the same problem with my page aligning to the left with a white strip to the right !Can you be of assistance? alex said, on July 31, 2009 10:06 PM:
Thank you so much. It worked perfectly, just as I wanted. Cheers! Dale Fulghum said, on August 9, 2009 11:12 PM:
Hi Dave, Thanks Chris Kape said, on September 6, 2009 5:30 AM:
Dave, hi, I've been trying to use a specific theme from the Myspace templates (the Gothic in particular), and just change the background picture with one of mine, but keep the rest of the elements. I used your code and it worked fine for a few months but now, all of the sudden, it just overrides my code for adding the background image. So I had to abandon the theme and do all the coding to display the page, but it doesn't have the same effect, as all the coding details don't seem to be applied in full. Do you have any suggestions regarding this problem? I certainly don't seem able to find my way around it. Thanks Chris Jon Beckel said, on September 11, 2009 7:12 PM:
Hello Dave, My My Space profile completely disappeared.. esmeralda searle said, on September 12, 2009 7:58 AM:
hi dave, i have been trying forever to change my boring background to black. when i get to click and paste, i do not have the edit artist profile which contains the about me section, that disappeared a while back, am i mental? i swear it has just disappeared! explain plse???? thks Esmeralda Michelle said, on October 4, 2009 9:05 PM:
Hi Dave, Sam said, on October 12, 2009 1:20 PM:
Hey I have used your page's html formatting for my page : www.myspace.com/benchdawnoptimist It looks nice thank you, I am wondering how i could make the white text box background a different colour, more appealing I used this code : body, td { background-color: transparent; border: none; border-width: 0px; }
Thank you So Much Sam his lady said, on October 20, 2009 7:44 PM:
i need help with 2.0 open new acc and i am having problems figuring out where to put code for background,i go to css and it doesnt go thru,also keeping my comments private plz help i am pulling my hair out!!! sarah said, on November 16, 2009 5:22 PM:
Thankyou! I now have a background to my myspace page which looks great - the only thing is the font needs to be lighter or more bold to stand out better - can you tell me how to adjust this? ZENEIS said, on December 12, 2009 3:03 AM:
HOW CAN I PUT A PICTURE AS MY BACKGROUND ON MYSPACE PLEASE I NEED HELP!!! Jess said, on January 19, 2010 12:10 AM:
I have followed all the steps and still don't get a change in my background. Why? I copied and pasted all the info and put in the photobucket picture url but i does'nt work michelle said, on January 21, 2010 10:29 PM:
hey how do I keep an Image that is not as big as the screen, only a single image and can I fix this to fit the whole window, instead of 4 repeated pictures. Posted by: Miguel at February 18, 2007 8:29 PM I would like this same answer. TigerTan said, on January 24, 2010 5:25 AM:
How do I add music on a profile? Whats the css code? EmilyXtheXEmo said, on February 16, 2010 2:46 AM:
hii J said, on February 26, 2010 7:12 PM:
how do you take off the beige blank bar at the top of a short myspace layout? its just blank and the extended network is gone but it dosnt go away barron andy said, on March 29, 2010 6:36 AM:
Hi, Misha said, on May 3, 2010 6:19 PM:
Dave, you are great. Thank you sooo much for creating your page to help people around the globe..I have one question- is there a way to put my background photo so that it feets the whole screen? The width of my photo doesn't cover the whole screen, so it repeats on the right side and I just want the whole photo as a background..and one more thing- is there a way that my liris pop out somewhere on my profile when someone plays my songs and how to do that? Thank you so much.. :) Peter said, on May 5, 2010 9:16 AM:
How do i add a background code on an artist profile? because there's no "About Me" section on Artist Profiles..Please help...been trying for a very long time.. John said, on May 12, 2010 4:03 PM:
Hi all, Chris Smith said, on June 10, 2010 8:28 PM:
Hi, I have been trying to get a custom photo onto my MySpace music page. Because it's a music page, MySpace don't give you any controls under "customise profile". It just sends you to the "edit profile" page. However they advised me how to get there by altering the URL up top, and I have been there, followed your exact formula and added my photobucket image between the brackets. When I press preview, my background image apears around the outside of the page, but when I submit and then go to my actual MySpace site, there is NO CHANGE. I have checked and double checked, used your formula about twenty times with the same result. I have even gone off and used a few other formulas I found online, but they all do the same thing, image visible in preview but not on my site. Can anyone help this poor luddite? danielle said, on August 30, 2010 1:50 PM:
thanks, this helped me alot!!!! :)
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+ |
All your info on putting a pic on the background worked peachy, but when I center the pic with no repeat the remaining space on the side is a lite blue. How do i change that space to black?