This is a guest post by Rob Banagale. Rob Banagale is co-founder of Neutrinos, LLC, a digital media company specializing in iPhone application design and consulting based in Boston, MA. Rob advises clients on how they can extend their marketing reach to iPhone users, including the iPhone application publishing process. He has authored a Facebook application and remains interested in the design of social media platforms.
Coolwhip hair dude.
One of the most important parts of a person’s Facebook presence is their profile photo. This is displayed in the top left corner of a page. The photo can be a newly uploaded image or it may be drawn from any of your online albums.
Typically, a profile photo shows someone’s face, and appears in front of the light blue-grey line that connects from the left side of the profile to the left-most tab. View an example of a typical profile page with a normal photo.
Unlike Myspace, Facebook’s uses a common color and layout for every profile. This makes the site look better overall, but also limits your ability to affect the look of your profile. You can display Facebook applications on the left sidebar, and have them in tabs, but any changes to how the page’s style or how it is displayed overall are limited.
Hacking the Facebook Profile Photo
There isn’t a legal way to ‘hack’ Facebook, but there is a method to changing your profile photo to make your profile look subtly different and cooler. It isn’t obvious, but the placement of a profile photo allows you to lightly innovate on Facebook’s sacred profile layout.
How Does It Work?
When you create a profile photo from an existing album image, Facebook lets you crop the photo down to whatever dimensions you choose. When you visit your profile the selected photo is displayed scaled down to a maximum height and width allowed by Facebook.
The first thing you need to understand is how much space you have to play with. Facebook displays profile photos at a maximum of 200 pixels in width. If you go beyond this, Facebook resizes your profile photo down to 200 while maintaining the aspect ratio vertically. Facebook will display a photo in your profile that is up to 600 pixels in height. This means that Facebook will happily display any image as large as 200 x 600 without otherwise changing or resizing it.
A Blank Facebook Profile Photo Background
Now that you know the maximum dimensions of your profile photo, the base trick is simple. Facebook is set up to display the top of an image 52 pixels north of the thin grey line. Normally, all profile photos are placed at this height above the line.
In order to achieve an unbroken line across your profile you need only create an image with a grey (#D8DFEA) 52 pixels below the top. In addition, you’ll need to paintbucket the area above the line to match the light blue (#EFF0F5) used in the profile header.
For more information about the colors used in Facebook’s style sheet, see this guide for Facebook application developers by Bill Konrad. I wrote a Facebook application about a year ago, read about the DMB Facebook application here.
Subbing this blank template allows you to achieve something Facebook normally does not allow: the option to not display a profile photo at all. A new Facebook account with no profile photo displays a box with a drawing of a mystery person with soft-serve icecream hair on it. Using a blank lined template allows you to add a little ‘negative’ space to your profile that is normally not possible.
The fun begins when you overlay a photo or image on top of the blank template. The hardest part about doing this is isolating an image so that it can cleanly offset the background template. My suggestion for this is to use Adobe Photoshop to draw a selection area around your photo or image and then remove the edges.
Give Yourself a Living Room on Your Facebook Profile
There are a lot of fun things you can do pairing foreground cutout images with the background Facebook template. The first one I did was to create a sort of mini-living room for me to hang out in. Here’s a screenshot of my profile using this particular photo.
I wanted to do a play on the little grey line and decided to try to create the illusion that I was hanging from it. I started by taking a photograph of me hanging from a doorway and then isolating the image. I then overlayed the photo on a longer version of the blank Facebook profile photo template.
Here’s a look at that process and the final result:
Creating a Hanging From My Wall Effect
And here’s a screenshot of my profile using this effect.
Another fun foreground image I used was a colored in Giraffe. This gave my profile a fun look and because it pushed down the information in my left sidebar, a lot of negative space around my wall updates.
A 200×600 Pixel Profile Photo Overlayed on a Blank Template
View a screenshot of the complete profile using the ‘giraffe hack.’
Playing with the Thin Grey Line
A lot more can be done with the look of the thin grey line, such as creating a jagged or curved edge that interacts with an overlayed image. I got a little weird and created some stalactites over a green unicorn with the Earth floating above and below the header line. View a screenshot of the complete profile using the ‘green unicorn hack.’
Image isolation in Photoshop is like using scissors to cut very closely around a photo torn from a magazine. Photoshop has a magnetic lasso, a magic wand and a quick selection tool to help you. There are a lot of guides on how to perform selections, here are a few that will help you:
- A PDF on object selection and isolation
- A video on object selection and isolation
- A web tutorial with images on the Quick Selection tool.
I’m including the some example images to help you get started in a zip file at the end of this entry.
Hack Caveats
The hack falls apart a few different ways. The easiest is to post a status update that is long enough to wrap around to two lines of text. You can avoid this by posting your long status update, and then clearing it afterwards. View a screenshot of this problem. This leaves your current status as blank, but the update will still appear on your news reel and the illusion of the hack will be maintained.
Another point of note in using this hack is the display of your profile photo in wall listings. The profile photo is shrunk down quite a bit. A plus of this is that if you choose a long, 200×600 photo, it can look rather cool and set you apart from other Facebook people when you’re shown in a list.
Conclusion and Downloads
For many, your Facebook presence is an important part of your online presentation of self. You can differentiate yourself on Facebook by tweaking the look of your profile by using a specialized profile photo.
I’m making available a zip file that includes a number of original, layered .psd files that will help you get a quick start on hacking your Facebook profile photo. I’d love to see some examples of other ideas people come up with. Feel free to post or send me a screenshot of what you came up with and I’ll add it to this blog post.
Update
You can access the photo kit by following this link.








![[Inside Social Apps 2012]](http://www.allfacebook.com/wordpress/wp-content/themes/allfacebook2/images/ISA2012_336x100_F_RegisterNow.gif)
![[AllFacebook Stats: Facebook Analytics for Your Business]](http://www.allfacebook.com/wordpress/wp-content/themes/allfacebook2/images/stpro_allfacebookstats.gif)
![[How can Facebook change your business?]](http://www.allfacebook.com/wordpress/wp-content/themes/allfacebook2/images/FMB_A_MAY2011_336x100_F.gif)


This is one of the best articles I've read in a while. When will the zip file be made available?
Comment by Adem Altun — February 23, 2009 @ 7:41 am
Another cool app is The Mozer. Its a facebook app that creates a mosaic of your profile pic from the profile pics of your friends. Check out: http://www.new.facebook.com/apps/application.php?...
Comment by tadpole — February 23, 2009 @ 10:57 am
It's available on the author's own web site, http://banagale.com/ Just scroll to the end of the full blog post as it appears over there, and you'll find the link.
Comment by Eric — February 23, 2009 @ 10:29 am
This is great. I haven't seen anyone take advantage of this yet.
Comment by Nick Stamoulis — February 23, 2009 @ 11:39 am
Those are some cool effects. Thanks
Comment by Paul Morales — February 23, 2009 @ 12:48 pm
hmmm, how does this look with different web browsers and font sizes?
Comment by tim — February 23, 2009 @ 7:52 pm
One of the best Facebook hacks I've seen in a while! I'm gonna try this out right now.. Thanks for the hack Rob
BTW, spreading the news on Twitter too
Comment by Narayanan Hariharan — February 23, 2009 @ 8:06 pm
Hi! I loved this idea. I tried my hand at making my own little living room. And w/o realizing it, I chose the same exact couch! Complete accident!…. Anyway here is a link to my screenshot. http://i111.photobucket.com/albums/n127/armstrong...
Let me know if it doesn't work.
Thanks for the great idea. I can't wait to come up with more!
Comment by Amber — February 23, 2009 @ 8:45 pm
thanks! i just implemented it and it looks very neat!
http://www.facebook.com/photo.php?pid=1906737&...
Comment by Josue Sanchez — February 23, 2009 @ 8:50 pm
Wow! This is really cool! I'm going to try it right noww!!
Comment by Max — February 23, 2009 @ 10:07 pm
Excellent idea, it's so much fun!
Comment by Jan DV — February 24, 2009 @ 3:21 am
Sadly, as soon as you make a status update that wraps the line, the whole thing goes out of sync!
Comment by Henry Elliss — February 24, 2009 @ 5:14 am
My first try: http://farm4.static.flickr.com/3660/3306025491_6a...
and my lovely wife: http://farm4.static.flickr.com/3402/3306061585_4e...
Comment by Chin — February 24, 2009 @ 7:01 am
http://img19.imageshack.us/my.php?image=48849639….
My first attempt.
Took pics of random bottles around house then used gimp o edit (bit crap when i made them smaller pixalated the image abit hahaha)
might post more at a later date,
Comment by james — February 24, 2009 @ 11:22 pm
I tried this, and even with a single line status update, I had to shift my gray bar down to 110 pixels instead of 52 pixels.
Comment by Matt — February 25, 2009 @ 1:28 am
First attempt.
http://www.facebook.com/photo.php?pid=30965623&am...
As I thought about it, I realized that by removing my face from my Profile Photo (and as a result my thumbnail) I could achieve an added level of privacy. If my Friends want to see photos of me they can look at the Albums… if they're on the right Friends List, that is.
Great post!
Comment by Facebook User — February 25, 2009 @ 3:53 am
Great idea!
Made my own:
http://www.ver-voort.com/example.jpg
Comment by tim — February 25, 2009 @ 9:43 am
I will be doing this right about now
Comment by Facebook User — February 25, 2009 @ 2:38 pm
This is actually pretty cool. I like the irony how Facebook's uniformity is the very thing that lets you bypass their design. Nice work.
Comment by Joe — February 25, 2009 @ 5:16 pm
I saw one of my friends had done this, he was peeking above the white area like he was behind it. It doesn't show up on the mobile application, but made me stop and wonder – how he'd do that? Great post, thanks. – @bradmccall
Comment by Brad McCall — February 25, 2009 @ 5:32 pm
fantastic, i've hacked a couple – my zero g flight now in the header, and another of an off-road trip I took. Following my FB image to see it!
Comment by Jason Hoch — February 26, 2009 @ 6:05 am
I dont quite understand…. is the picture of the giraffe 200 by 600 pixels? or is the blank template 200 by 600 pixels? i dont see how facebook wouldn't automatically resize the giraffe just like the would all the other photos
Comment by Alex Burner — February 26, 2009 @ 7:55 am
I decided to go with a Mario 3 theme.
http://farm4.static.flickr.com/3566/3312439106_23...
Comment by Manda — February 26, 2009 @ 11:21 am
I had thought of doing something like this before but wasn't motivated until I saw your post… thanks for the great ideas!
My first try:
http://farm4.static.flickr.com/3308/3311610819_73...
Comment by Jerry — February 26, 2009 @ 11:22 am
Very funny. :')
Comment by Joffrey — February 26, 2009 @ 3:59 pm
I tried to do this once, but the status length threw me off I couldn't figure out why it would get unaligned . Thanks for solving that issue for me!
Comment by CLV — February 26, 2009 @ 9:06 pm
Well, it was about time someone wrote an article about this. I was doing this since day one.
Comment by Dan — February 26, 2009 @ 10:28 pm
This looks neat, but I can't help but wonder: how come your mini feed shows the same time that you changed your pic in every single screenshot?
Comment by Elli — February 26, 2009 @ 10:35 pm
This is really cool! But when I insert a picture into a new layer-it becomes very blurry. I tried resizing the image to 200wide and 100high (or something close)and then pasted it into the new layer, but still blurry. How do you make the inserted photo clear like the original?
Comment by denise — February 28, 2009 @ 9:46 am
I thought I'd just share the one I did, wasn't much but it does add a certain touch to the profile.
http://i80.photobucket.com/albums/j166/spikae/fac...
Good post!
Comment by Kyle Sevenoaks — February 28, 2009 @ 9:59 am
this is so cool man!
Comment by omar — March 2, 2009 @ 1:38 am
http://farm4.static.flickr.com/3316/3328410173_5f...
Comment by Casey — March 4, 2009 @ 11:01 am
Can I has CSS Padding pls kthxbye
Comment by Sayne — March 4, 2009 @ 8:26 pm
this is some hipstery bullshit. Facebook exist to consume your time and minds and turn you into sheep. Burn it to the ground.
Comment by h8r — March 4, 2009 @ 9:02 pm
You people are sick.
Comment by bofmanye — March 5, 2009 @ 7:07 am
i did this a long time ago, but not as well, i also found the layout looked very slightly different on different browsers, so I didn't bother going any further, but this is very cool
shameless self promotion:
check out superstoker.com the best free snowboard (and other) videos
Comment by superstoker — March 5, 2009 @ 9:25 am
HEY!
ALSO! Your Current status changes the "52 pixel " border thing
.
.
.
.
Don forget about that!
Comment by Thor — March 5, 2009 @ 1:46 pm
having fun with this – I wish I’d thought of it!! Here’s one I did for my son’s page – having a hard time aligning things precisely. Ideas….?
http://www.facebook.com/home.php#/profile.php?id=1159385075
Comment by Cora — March 5, 2009 @ 8:36 pm
I’m having fun playing around with this too! I like playing around on computers, but I’m no techie, so I was proud of myself for being able to do this!
http://www.facebook.com/photo.php?pid=46959078&l=27f1a&id=4903114
Comment by Susan — March 7, 2009 @ 1:17 pm
Awesome article. as i am commenting i am uploading my own 200×600 display pic.
Comment by Rahul Roy — March 12, 2009 @ 3:12 am
I completely enjoyed reading about the possibilities!!!! I’m looking forward to seeing what other people came up with. Thank-you for sharing this info. Kari
Comment by Kari Lonning — March 14, 2009 @ 6:53 pm
Excellent. This was way fun. Thanks.
http://tiny.cc/HHeAt
Comment by Nikki — March 15, 2009 @ 7:43 am
two weeks ago or so I just changed my picture like this, and expanded the menu with a custom value of the text.
Comment by Adam Solecki — March 20, 2009 @ 9:21 am
Great fun, here's a link to my attempt:
http://tinyurl.com/dzrx66
Comment by Ayanna — March 21, 2009 @ 1:01 pm
Sweet. Thanks. Everyone is wanting to know how I did that. I keep telling them, "Ancient Chinese secret…"
Comment by Shawn — March 21, 2009 @ 7:02 pm
really nice.. made one myself..
Comment by Arsh — March 22, 2009 @ 7:06 am
A “hack”? Why do people throw this word around so freely, when in effect this technique has nothing to do with hacking?
Comment by Me — March 22, 2009 @ 1:43 pm
thanks for the sharing, nice info and pretty funny heck….
Comment by HeriNXI — March 22, 2009 @ 5:07 pm
Doesn’t work with facebook’s new layout… it’s a bit off… Care to make a new template???
Comment by Juanacatlán — March 23, 2009 @ 1:19 am
Very clever, Thanks for sharing this!
I notice that if I enlarge type in my browser the gray seam goes out of line but I've only begun playing around…
here's my first try:
http://img25.imageshack.us/my.php?image=fbcapt.ti...
Comment by durf — March 23, 2009 @ 12:38 pm
I had fun doing this!!
thanks for the help!!
http://picasaweb.google.com/victoriaCp/Uploads#5316459074617868722
its not perfect… but it’s still fun
Comment by victoria — March 23, 2009 @ 2:57 pm
@Juanacatlán — Actually u need to make two images * one with 52 pixels & other with 65 pixels * n u need to keep switching between the two *damn.. it keeps changing*
Made one myself.. u can click on my name to see it!!
Comment by Arsh — March 24, 2009 @ 1:58 am
With the new layout, this doesn’t work well with different browsers. If it’s correct in Safari on Mac, it’s correct on Firefox on PC, but with Firefox on Mac, it’s not looking well anywhere. Too bad.
Comment by Jezper — March 24, 2009 @ 4:13 am
Awesome! Hung the kids out to dry: http://i54.photobucket.com/albums/g103/pusheject/...
Comment by Push Eject — March 24, 2009 @ 8:18 am
I like Ostriches! http://i98.photobucket.com/albums/l276/NiteCloak/...
Comment by Richard J. Griffin — March 24, 2009 @ 4:08 pm
The new facebook layout made me manually edit. i think (at the moment that i am typing this) the top image(color is #EFEFF7) should be 67 pixels long from the top with a bottom line (color #DEDFEF).
Comment by Oni Carpeso — March 24, 2009 @ 9:16 pm
looks like they just changed it. i'm counting 68-pixels total including the line, so 67 pixels above the line.
Comment by steve — March 25, 2009 @ 8:33 am
also, the new colors are:
top background box: EDEFF4
line: D8DFEA
Comment by steve — March 25, 2009 @ 9:17 am
Really creative idea. I'm going to change my profile picture now to try this.
Comment by DBeard — March 26, 2009 @ 11:26 am
Also, I believe that the pixels changed again. to get mine to work I needed 50 pixels of the background color and the line was at 51 pixels. The colors are still the same though.
Comment by DBeard — March 26, 2009 @ 5:43 pm
Hi. I am a hacker. I can get you a myspace,hi5, facebook,msn/hotmail,aol/aim,yahoo,gmail…basically any password. I do charge money to get a password. Once I do have password, I'll show proof I have it. Are you interested? Please email me at fordf202006@yahoo.com
**I CANNOT RECOVER A LOST/STOLEN/FORGOTTEN PASSWORD**
Comment by Ford — March 27, 2009 @ 1:04 am
This will not work if your status is more than one line. You will have to compensate for that.
Comment by Facebook User — March 27, 2009 @ 8:49 am
Hi, awesome tuts!
Here is my first attempt at the hanging from the wall technique:
http://i44.tinypic.com/2pyw0na.jpg
Comment by Aaron — March 27, 2009 @ 1:32 pm
great stuff, thank you! now how can i reposition the thumbnail so head dosnt get cut off?
Comment by Arthur Carmazzi — March 27, 2009 @ 6:18 pm
Awesome. I just "hacked" my profile pic to a nice 600 pixel height. Arthur, you can adjust the thumbnail right from your profile page; move your cursor near the top of your profile picture & click on "change picture". Then select "edit thumbnail" from the popup. Adjust as desired, and done!
Comment by Eric B — March 29, 2009 @ 7:13 am
Brilliant!
Will have some fun with this
Thanks for sharing
Comment by Paul Tibbetts — April 1, 2009 @ 3:53 am
Very awesome job here! I will also try my hand at this. Thanks for such a wonderful idea!
Comment by Spreadsheet Ninja — April 3, 2009 @ 5:34 pm
Nice, here is my go at it.
http://img16.imageshack.us/img16/6067/facebookhac...
Comment by Spreadsheet Ninja — April 3, 2009 @ 11:11 pm
great post – some really good ideas. Have seen people do this for the myspace page but never thought of it for facebook. Thanks
Comment by buenos aires apartme — April 4, 2009 @ 5:26 am
Great post, great tips, and very brilliant hack! Thanks! I just did it!!! hahaha http://www.facebook.com/profile.php?id=836394740
Thanks dude!
Comment by Massimo Burgio — April 8, 2009 @ 3:13 am
great!!!
I am new to know how great this!
Thnx
Comment by ghprod — April 11, 2009 @ 11:23 pm
This is great. I'm going to take advantage of this hack. Thanks for the info.
Comment by Webbo — April 26, 2009 @ 5:35 am
my profile photo: http://img18.imageshack.us/my.php?image=fbprofil….
Comment by devrim gür — May 1, 2009 @ 2:07 pm
Thanks for the tips I totally rocked mine!
tiny-fb.com/MikeBanger
<!– Facebook Badge START –><!– Facebook Badge END –>
Comment by Mike Banger — May 5, 2009 @ 4:41 pm
Great tip!!
Just finished mine…
here:
http://i148.photobucket.com/albums/s2/jorgelomeli...
What do u think?
Comment by Jorge Lomeli — May 6, 2009 @ 2:59 pm
Great post and good ideas very creative idea.
Comment by Martha Liopson — May 8, 2009 @ 7:24 am
"A “hack”? Why do people throw this word around so freely, when in effect this technique has nothing to do with hacking?"
What he said.
Comment by Jake — May 11, 2009 @ 7:48 am
Nice hacks! You're very brilliant dude… Thanks for sharing.
Comment by Asep Komara Sanjaya — May 15, 2009 @ 8:33 pm
Here's my attempt .http://i39.tinypic.com/2h3u6au.jpg
Comment by stef — June 3, 2009 @ 8:29 am
Hey man, thanks so much for the tips!
I used your giraffe psd to make the photo for a public profile i admin.
http://www.facebook.com/pages/Nicol-David/1119147...
Totally made my day. Thanks again!
Comment by Lorraine Siew — June 5, 2009 @ 8:42 am
My first attempt:
http://www.facebook.com/profile.php?id=1270542325
Comment by Ed Collins — June 8, 2009 @ 4:43 pm
Hi,
Thank you for the advice. I love the effect I got with Pages!
Best wishes!
Comment by Bridgetti — June 14, 2009 @ 4:04 pm
Nice & Neat Bro. Check out my pop-out facebook profile photo.
http://www.facebook.com/izzuddinmeister
Comment by Vasily Zaitsev — June 15, 2009 @ 12:17 am
i think facebook has changed the design before my very eyes. i tried this and it worked great but now it looks like the bar goes about 20 pixels lower http://www.facebook.com/pages/Mara-Conflict/63430...
Comment by Josh Kieschnick — June 24, 2009 @ 4:01 pm
I love this – great idea!
Comment by Shelley — June 26, 2009 @ 8:58 am
http://www.facebook.com/hannahrb
Yuuup.
Comment by Hannah — June 27, 2009 @ 10:43 pm
thenks! http://www.facebook.com/mateioo
Comment by Mateo — July 3, 2009 @ 12:20 am
Pretty sweet tips. I need to find a good graphics program to clear the background of the images and I am set.
Comment by Dale B — July 4, 2009 @ 2:41 am
THANKS!
My first attempt: FANTASTIC!
http://www.facebook.com/pages/Candace-M-Zynda/89821097712
Comment by Chicago Photographer — July 7, 2009 @ 4:06 am
That was very informative…thank you!
Comment by She609 — July 8, 2009 @ 4:04 pm
this is the best.
http://www.facebook.com/stuart.verschoyle?ref=pro...
Comment by stuart — July 11, 2009 @ 1:30 am
Thank you so much for this information. I just found your site tonight and have been here for hours. I just send this link out on a tweet with a offer to help others with their picture.
http://facebook.com/clayfranklin
Comment by Clay Franklin — July 14, 2009 @ 10:12 pm
Thank you so much for this information. I just found your blog and have been here for hours. I just sent out a tweet with this link and offer to help with photoshop if needed.
I just figured out how to have my picture show up by clicking the connect with facebook logo on the right of this comment field.
Comment by Facebook User — July 14, 2009 @ 10:17 pm
I like the facebook connect option, yet it seems when I log out of facebook and the site the picture is gone.
I will need to search your site for how the facebook connect for comments works.
Looks like I will be here all night learning new cool stuff.
Comment by Clay Franklin — July 14, 2009 @ 10:27 pm
can sumone please tell how u do this in better steps????? i hav a pc and am usin google chrome or safari or windows vista
Comment by brion — July 16, 2009 @ 12:48 am
Great guide. Thanks!
However, it unfortunately doesn’t appear to be consistent over differenct browsers. It was fine from home last night; I had a look at work today and it was slightly off for some reason – any ideas anyone?
It’s also worth mentioning that if your ‘status’ stretches over more than one line, this also throws it off the 52 pixel allignment.
Ta!
Comment by Nick Young — July 17, 2009 @ 1:03 pm
Just updated our profile picture, much better!
http://www.facebook.com/reviewhostel
Feel free to add us and comment.
Cheers
Comment by Andy — July 18, 2009 @ 5:13 pm
Hi. I am a hacker. I can get you a myspace, facebook, hi5, yahoo, msn, hotmail, aol/aim, gmail…etc password. I do charge money to get a password thouguh. I'll show proof I have password though. Are you interested? Please email me at fordf202006@yahoo.com
**I CANNOT RECOVER A LOST/STOLEN/FORGOTTEN PASSWORD**
Comment by ford — July 26, 2009 @ 12:15 am
Great tip, thanks.
Here's my "peek" approach: http://img.skitch.com/20090728-f138a329waud2n8uex...
Comment by Jesse Gardner — July 28, 2009 @ 4:51 am
Hi all, look at this creative profile pictures: http://www.facebook.com/album.php?aid=128905&...
Enjoy, bye.
Comment by Cristian Galletti — July 28, 2009 @ 8:23 am
Is there anyone else who has problems with the hack-profile-photo-pack.zip? I only get an error message of unexpected end of file…
Comment by ada — July 30, 2009 @ 2:55 pm
YES EXACTLY, I DON'T UNDERSTAND AT ALL HOW TO DO THIS. COULD SOMEONE EXPLAIN. LET'S CALL IT "HACKING YOUR FACEBOOK FOR DUMMIES" LOL. NO BUT REALLY I WOULD LOVE TO DO THIS, DON'T KNOW HOW!!!
Comment by Abigail — August 4, 2009 @ 12:17 pm
Waw.. keren nih artikel.. mo gue coba aja ah. Tanks
Comment by Setiyo — September 6, 2009 @ 4:58 am
Here's mine! http://www.facebook.com/photo.php?pid=2736622&...
Comment by Norine — September 6, 2009 @ 6:29 pm
Oh, and here's another: http://www.facebook.com/photo.php?pid=2058414&...
Comment by Norine — September 6, 2009 @ 6:32 pm
I cannot get the exact color of the facebook header to match. This is the color you provided. #EFF0F5
If you look at our fan page http://facebook.dj/quired/ you will see that is does not match exactly.
Any clues?
Comment by Paul Duplantis — September 11, 2009 @ 11:28 am
Dude your awsome… thanks for the tips!
Comment by Wayne — September 16, 2009 @ 7:49 am
http://www.facebook.com/profile.php?id=1560990100...
after a few tries i think i like this one the best
Comment by John Lyon — September 21, 2009 @ 11:02 pm
Check out this site. I creates a facebook profile photo for you. Pretty cool.
Comment by Ron — September 28, 2009 @ 1:41 pm
Just finished mine. The .zip file above and profile pic specifics are inaccurate. You should update it.
Here's my profile hack:
http://www.facebook.com/InsideNorthside
Comment by Ariah Fine — October 6, 2009 @ 9:44 pm
Anyone else having problems with safari/firefox? Sometimes it is too much, others too little at the header.
Comment by Michael Babbish — October 12, 2009 @ 9:06 am
haha.. funny, and creative too
Comment by X — October 12, 2009 @ 10:09 pm
Thanks for the info, except its a bit off.
Here’s what you need in order to accomplish this successfully and easy.
1. View your facebook profile page.
2. Print screen/ or screen capture(prntscrn (by scroll lock key)), how ever you do that.
3. Paste into photoshop now crop to dimensions you want.
4. Ok, this is where I may lose some of you. Click and hold down on the marquee tool, so that you see a single column marquee tool. Now take that tool and select the area so that all you have is that white bottom and grey top and drag till you have a nice empty facebook profile picture.
5. It should look like this http://i33.tinypic.com/2z69f6g.jpg
6. In fact, I believe that is all lined up so you can use that as a template if you’d like. And now just make a new layer, and create!
7. And ya you get the point, common sense :]
enjoy!
Comment by Nic — October 19, 2009 @ 9:05 pm
Sorry if I sounded so brash Rob, about to leave work and thought I’d try and help before I go. Thanks alot for this information , but it could use a little update ;]
!
Comment by Nic — October 19, 2009 @ 9:09 pm
American studies confirm this. ,
Comment by Wolf19 — October 22, 2009 @ 7:11 am
He has a shoulder that dislocates on command. ,
Comment by Gangster84 — October 23, 2009 @ 6:21 am
One of the most informative posts I’ve read regarding facebook, many thanks for the free app too. I’d better getting cracking on creating my profile photo!!
Comment by Wedding Magician — October 25, 2009 @ 4:44 pm
Great Advice and Tips. Really Helpful.
Comment by Suman — October 28, 2009 @ 7:34 am
I've been playing around with this since for a while … Having issues with the "52px" border though and usually end up doing trial and error until i get it right. Also, the color code given for the border seems a bit off when I look closely. Nevertheless, here's my latest update (a homage to Spirited Away): http://picpaste.com/profile.png
Comment by dNz — October 29, 2009 @ 1:33 am
Nise one…………..
Comment by prajakta — October 29, 2009 @ 11:30 pm
So glad that this continues to bring joy to people. Thanks to everyone who has said something nice and contributed updates / more information and most importantly screenshots of their creations.
I will consider doing an update to this, I’ll have to reconnect with Nick.
Again, many thanks and keep posting your work!
rob banagale
Comment by Rob Banagale — November 2, 2009 @ 12:58 am
Thanks for the guide! Had fun getting creative with this… here is my result: http://twitpic.com/ocj0r
Comment by Oliver Rainer — November 5, 2009 @ 4:40 am
Rob,
Would love to see an update to this post. I'm currently trying to create a profile pic "hack", though it is proving to be quite challenging for someone lacking decent photoshop skills
Regardless, I'd still love to see any new hacks you may have come across since the original post
Comment by Chris — November 9, 2009 @ 3:26 pm
Man, this is GREAT!!! I love what this looks like.
Thanks for sharing the layered files.
Brilliant!
Comment by Susan Abbott — November 12, 2009 @ 4:27 pm
here's what it looks like. Thanks a bunch.
Comment by Susan Abbott — November 12, 2009 @ 4:28 pm
This is absolutely terrific. You can see my version at /www.facebook.com//BrianYoungGA.
I wonder if we can add hotspots or hyperlinks????
Comment by Brian Young — November 12, 2009 @ 5:53 pm
This was a marvelous article!! I created my profile photo and it looks great! Thanks so much! http://facebook.com/onlinewoman
Comment by Facebook User — November 18, 2009 @ 7:15 pm
I did one for my profile, and one for my photography page. Both are fairly simple, but I still like it a lot better than a regular picture. Here's the one for my photography page: http://www.facebook.com/pages/West-Bloomfield-Tow...
Comment by Clayton Nummer — November 18, 2009 @ 8:09 pm
akin na 2 jake
Comment by jake — November 23, 2009 @ 12:54 am
Here’s mine… thought I’d add a photo frame and a bit of flora to my page! Now for a christmas themed one!
Comment by RHYD — November 25, 2009 @ 8:50 pm
Hey! Thanx Rob! Worked good for me, didn't need to change a thing.
http://i753.photobucket.com/albums/xx173/joarc/FB...
Comment by joarc — November 26, 2009 @ 6:10 pm
Added a couple more for friends:
http://s753.photobucket.com/albums/xx173/joarc/
Thanx again!
Comment by joarc — November 26, 2009 @ 6:50 pm
Great tips & template Rob – thanks! For my first try, I used a snap of my SL avatar:
http://www.lakesidetrams.com/test/fbscreen.jpg
Will be having fun with it – thanks again.
Comment by PeskyCanadian — December 1, 2009 @ 9:13 pm
Very cool is all I can say!!! Thanks
Comment by Jocelyn Mozak — December 3, 2009 @ 10:58 pm
Yesh! very creative uses for photos…do you have a showcase of the most creative ones maybe?
Comment by Victor — December 13, 2009 @ 8:42 pm
i have a friend who's profile pic & status has been changed. she thinks it's her x-boyfriend who doing it. & i think she's right! she changed her password again & again, but it's still going on. My question is how can she stop this from happening again? if anyone can help me, that would be great.
Comment by Tommy — December 29, 2009 @ 9:42 am
i think…i was reading a great article. Very…very usefull ..thanks
Comment by ezzuhadka — December 30, 2009 @ 8:35 pm
This is my favorite one. Makes it look like the facebook roof is faling lol.
http://img25.imageshack.us/img25/714/picturelc.pn...
Comment by xavier — January 2, 2010 @ 8:13 am
this is crazy i dont EVEN No what im doin
Comment by cameron — January 2, 2010 @ 5:38 pm
@tommy
She could try changing the email address she uses for f/b too.
Comment by Sam — January 2, 2010 @ 7:19 pm
So basically I have to have photo shop to do any of this?
Comment by @bobdrawson — January 8, 2010 @ 5:06 am
How do you get a good thumbnail image when you do something 200×600? I took your advice and created a larger profile picture for my organization's page, but it's just giving me a blank box for a thumbnail with no option to click and drag to choose a portion of the image to view.
Comment by Sarah — January 8, 2010 @ 8:05 am
did the pixels get changed again.. mine was fine yesterday but now appers like 10 pix or so off.. i also gotta update the colors for line and box
Comment by Tomas — January 8, 2010 @ 10:59 am
hallo how are you
Comment by Oca Barca Sabang — January 8, 2010 @ 11:26 pm
hallo everyone
Comment by yofandi kumayas — January 10, 2010 @ 4:07 pm
That’s pretty cool. I’ll have to give it a try
Comment by Deb — January 11, 2010 @ 2:00 am
disappearing rocker chick pic:
http://www.facebook.com/connordesai
thanks, rob and nic!
Comment by Connor Desai — January 12, 2010 @ 9:15 am
We used it on our fan page http://facebook.com/mymumdesigns – thanks for the info and the inspiration!
Comment by admin at MyMum — January 18, 2010 @ 8:10 am
I took your "hanging" off the profile idea, turned out quite well if I say so myself! Thanks
http://yfrog.com/1fpicnkp
Comment by Tess — January 20, 2010 @ 11:12 pm
this is mine, http://www.facebook.com/iamanik
Comment by Anik — January 21, 2010 @ 11:58 pm
Facebook Preparing To Resize Profile Photos. Will now have to downsize my (apparently) moving profile image?
Comment by F.Doherty — January 22, 2010 @ 2:03 pm
Great hack – mine's a bit rough round the edges.
http://www.flickr.com/photos/91239327@N00/4300833...
Comment by Rufus — January 24, 2010 @ 6:55 am
Hi – I used your photo trick to make my head pop up over the blue line and it looks pretty good!
Thanks so much! I was looking for some way of making my Music Page stand out from the crowd.
- DC Cardwell
http://www.facebook.com/dccardwell
Comment by DC Cardwell — January 25, 2010 @ 10:48 pm
simple, check this out:
http://www.facebook.com/adhinagara
Comment by nagara — January 26, 2010 @ 1:12 pm
Found this post by chance whilst exploring ideas to spruce up the facebook page and wanted to say: simple yet brilliant!
Comment by Jackson Chew — January 31, 2010 @ 7:52 am
Here it is on my dog's page:
http://www.facebook.com/pages/Hana/277609311725?r...
It's easy and fun!
thanks!
Comment by Roberta — February 2, 2010 @ 4:38 pm
i dont get this !
please some1 tell me a tutorial and like explain it
Comment by jay — February 2, 2010 @ 5:57 pm
Nice post, but I can't figure out which is the right color for my blank template, its either too gray, of FB official Blue…I'm looking for the exact same light blue on photoshop CS4 plz !!
Comment by nik falardeau — February 3, 2010 @ 10:58 am
This is awesome. I figured out how to do it on my own. A few friends have asked me how to do it, and I think you job of explaining is way more qualified. Thanks for sharing.
Comment by Ryan Mentzos — February 3, 2010 @ 4:11 pm
wooooow http://hackfacebook.c.la
Comment by armadio — February 3, 2010 @ 4:21 pm
Impressed by what you’ve come up with! Good work dude!
Comment by Topgear — February 5, 2010 @ 12:56 pm
Something a bit different and funny here:
http://i46.tinypic.com/2qnnjoo.jpg
Comment by Taylor8294 — February 8, 2010 @ 7:40 pm
ANOTHER EXAMPLE OF COOL FUNNY Profile Picture:
http://i46.tinypic.com/2qnnjoo.jpg
Comment by Taylor8294 — February 8, 2010 @ 7:43 pm
thanks for share
Comment by Gitar — February 9, 2010 @ 7:55 am
thank you so much dude! i like that.
Comment by Süleyman Erdem — February 9, 2010 @ 7:57 am
haha, i LOVE this page it is brilliant!
So many good examples being posted, please any1 with any ideas PLEASE comment with a link to the screenshot haha
its brilliant
!
Comment by Taylor8294 — February 9, 2010 @ 9:58 am
Very cool tutorial, As of today 10 Feb 2010 though I notice that my facebook layout has changed. Has anyone modded the new layout?? I'm just working out dimensions of the coloured box now…
Comment by dave — February 10, 2010 @ 12:32 am
Here's how I used the techniques:
http://www.facebook.com/pages/Theyhookedupcom-Cel...
Thanks for the tips! It's a big improvement.
Comment by Jason — February 11, 2010 @ 9:50 am
someone has made a fake account and put a photo of me he is a black malier coz he tryed to put naked picture and he asked for money to stop doing all this ,
so i need a really help in that if someone could hack on that account so he wont be able to do that or he lost his email also with it
thats my email to contact me
Comment by aaa — February 12, 2010 @ 11:05 pm
that is sick!!!!!!!!!!!!!!!!!!!!!!!!!
Comment by kyle — February 13, 2010 @ 11:40 am
Well here is my end result, i really liked it!
http://www.facebook.com/badillo
Twitter
@badillin
Comment by badillin — February 14, 2010 @ 12:34 am
Has anyone figured out the correct dimensions for the new layout?
Comment by Chris — February 15, 2010 @ 8:28 am
Figuring out the new dimensions isn't rocket science – just screen capture a page and paste it into Paint or some other graphic software to measure.
The new dimensions are 67px above the line + 1px for the line. The width is still 200px.
Comment by David Millar — February 16, 2010 @ 8:41 am
Hi guys !
I just made one for my profile pics..
For the new facebook layout , I'm trying out for 52px above the line.
Comment by Garmin — February 21, 2010 @ 2:31 pm
Hello all,
I would love to do what you guys do, but I just don’t know how to realize a picture with 200×600 and i don’t know how to use colors you said.
SO, i was thinking that it would help people like me if one of you upload a grey and white picture 200×600 so we could just add our picture on it.
Sorry for the bad english, I’m french
Thanks
Comment by Mathieu — February 24, 2010 @ 12:10 pm
I am having browser problems – FF places it higher than Safari or my friends' IE's. WTF
Comment by Danya — February 24, 2010 @ 5:17 pm
very cool but how someone did this ?
http://www.facebook.com/Charadium?v=info
there is a link at the top for the iphone app
how can this be done ?
Comment by eyal — February 25, 2010 @ 4:13 am
Thanks for this! Our company FB site looks brill!
Feel free to have a gander
http://www.facebook.com/pages/manage/#!/pages/Lot…
Comment by Craig — February 26, 2010 @ 7:19 am
eyal – When you go into the development area, there are options for those that develop apps with Facebook Connect that aren't available for plain fan pages.
Comment by David Millar — March 1, 2010 @ 3:17 pm
You can find my attempt here:
http://sulk.net/img/jonathansbats.png
Thanks for the ideas!
Comment by Jonathan — March 1, 2010 @ 8:17 pm
Here's my second attempt:
http://sulk.net/img/jonathansnotes.png
Comment by Jonathan — March 1, 2010 @ 9:07 pm
Artistic thank u
Comment by Omar Qat — March 7, 2010 @ 12:08 am
Thanks for providing such a wonderful article. I am implemented it on my facebook profile here it is: http://www.facebook.com/azadshaikh
Warm Regards,
Azad Shaikh (The Internet Geek)
Comment by Azad Shaikh — March 8, 2010 @ 3:36 am
imence XD this is awesome i did it and i look like urs hagin lol thankx im getting soo many messages on how do u do that XD
Comment by DEADBOYMAN99 — March 14, 2010 @ 3:40 pm
awesome. Thanks for the tips.
Comment by Fabiola — March 18, 2010 @ 6:34 pm
Here's mine.. Just great!!!
thanks for the tip…
Comment by Jaime Leal — March 19, 2010 @ 12:06 pm
http://www.facebook.com/pages/Jaime-Leal/16235968...
THANKS!!!!!
Comment by Jaime Leal — March 19, 2010 @ 12:08 pm
I already did it with my profile and my website's profile!!
Great trick lol
Comment by Juan Sebastian Celis — March 19, 2010 @ 10:54 pm
Very interesting!!!! Thanks.
Comment by Lara Jane | Ultimate — March 24, 2010 @ 4:52 pm
i did this to a friend.. here it is…. http://www.facebook.com/profile.php?id=1000004742...
Comment by tamz — March 25, 2010 @ 1:26 am
Cool idea, but as Jezper pointed out (last year) it doesn't work across browsers — the image won't consistently line up correctly with the FB background.
Comment by Kieran Chapman — March 26, 2010 @ 8:35 am
I used your instructions and produced this on our Facebook page….
http://www.facebook.com/pages/manage/?act=3967346...
Thanks for the detailed instructions!!
LeeAnn
Comment by LeeAnn — March 26, 2010 @ 2:06 pm
Creating a Hanging From My Wall Effect
Comment by Denz Itliong — March 28, 2010 @ 1:38 am
well its coo and it can still be allowd later. just dont let it affect pple negatively.
Comment by frank — March 29, 2010 @ 3:27 am
Using this trick, I "upgraded" some of my information. Check it out:
http://juno.tv/images/misc/JunoNewProfilePic.png
So I don't really have 318,496 friends, nor did I go to Oxford or Harvard, nor do I live in a fictitious city from Battlestar Galactica.
Comment by Juno Suk — March 31, 2010 @ 4:27 pm
Nice, I tried. Check this http://i44.tinypic.com/2rc3iqa.jpg
Comment by Alfred Kamal — April 1, 2010 @ 8:17 pm
I don't know that how to cut image by using photoshop, can u tell me the steps to cut image by using photoshop…
Comment by shyam — April 6, 2010 @ 8:59 am
very helpful! Thanks!!
Comment by Staying Cool — April 6, 2010 @ 2:50 pm
http://www.facebook.com/photo.php?pid=3185527&...
This worked!
Comment by Imran Hunzai — April 7, 2010 @ 9:37 am
[IMG 11:10 pm
There is a problem. For some reason when I am logged out it works fine, but when I am logged it does not align correctly. Does anyone know how to fix this? Here is the link to the page: http://www.facebook.com/pages/Dr-Raul-Rodriguez/1...
Comment by Adam Root — April 8, 2010 @ 5:19 pm
Thanks..it works.
Comment by Mig — April 12, 2010 @ 7:09 am
Seru hbis Dech…
thanks
Comment by IcCha FoLders — April 14, 2010 @ 5:07 pm
http://www.facebook.com/home.php?#!/profile.php?i…
Comment by My try — April 18, 2010 @ 3:30 am
interesting idea – I will give it a try
Comment by Chris — April 19, 2010 @ 7:12 pm
Hi. EMAIL ME!!! I'm hacker. Can get you a myspace, facebook,yahoo,msn/hotmail, gmail, aol…etc password. I do charge money though,but will show proof i have it. Are you interested? please email me at fordtrucks90@live.com (I was formly known as fordf202006 on yahoo but my account was deleted)
Comment by ford — April 20, 2010 @ 10:58 pm
this is my photo profile hacking.
http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs496...
Comment by thedoct — April 25, 2010 @ 12:49 pm
Where is the picture of the girraffe from
Comment by john — April 25, 2010 @ 3:58 pm
Hello, im not a computer wiz, can some one please give simple directions on how to do this?
Comment by Daniel — April 28, 2010 @ 8:36 pm
No matter what I do, or what program I use, the color is always a little off from the facebook screen. I've tried all the colors listed above, but to no avail. Also, the line is always either one pixel too high or one pixel too low. Any ideas?
Comment by stefan — April 29, 2010 @ 7:49 am
can someone email me at selenaheiman577@yahoo.com , and explain how to do this? thhanks
Comment by selena — May 4, 2010 @ 1:26 pm
Nice post…now i just need to brush up on my photoshop skills.
Thanks
Comment by rob — May 6, 2010 @ 5:40 pm
Hey It worked… nice info… now if I could just tweak some more stuff to stand out… hmmmmmmmmm let me think?
check out what i did … http://www.facebook.com/stylzclothing
Comment by CHRIS LOFTIN — May 7, 2010 @ 12:30 pm
Great tip. I found that I had to move the template with the line downward 3 pixels to make it work with my Facebook page, but it's a really cute effect. Thanks!
Comment by Tabitha Potts — May 13, 2010 @ 3:37 am
Stefan – you might be saving your image as a gif file, which uses a limited color palette and substitutes the closest available color. Try increasing color depth to 16 million in Photoshop or saving the file as JPEG or PNG filetype and see if that works better.
Vincent
http://www.facebook.com/entrepreneurs.page
Comment by Vincent — May 13, 2010 @ 12:42 pm
http://imgur.com/avWWb <- My current take on it =P, thanks!
Comment by Cuauhtemoc — May 16, 2010 @ 9:40 pm
Join this group for the cool profile picture it uses and th links are GREAT! http://www.facebook.com/pages/See-The-Stig-on-Goo...
Comment by Taylor8294 — May 17, 2010 @ 7:41 am
A way i thort of using the blue line here, its not very good at all and did this very quick and i'm sure a more professional artist could use this idea to a much better efect. If you do please post a link here (: thankyou
http://i44.tinypic.com/nnjm02.png
Comment by Taylor8294 — May 17, 2010 @ 10:44 am
Hey – Does anyone know why FB is telling me that my profile photo is to skinny or too tall. I only have it set to 43 wide x 150 tall. It should take 200 x 600, right? Thanks for your help.
Comment by Michele — May 24, 2010 @ 8:46 pm
roasted:
http://profile.ak.fbcdn.net/hprofile-ak-snc4/hs62...
Comment by Christopher — May 28, 2010 @ 12:37 am
Thanks to Rob!
This is not just a nice gadget, but also a means to make your business page in Facebook look more serious.
Check out:
http://www.facebook.com/pages/tuned-instruments-A...
Cheers,
Thomas
Comment by Thomas Albinger — June 4, 2010 @ 3:47 pm
Dude, you rule! Just implemented this and it looks stupendously cool! I'll be the envy of facebook, no joke!
Comment by Tom — June 5, 2010 @ 7:23 pm
HEX is inaccurate, color of region above the line is EFF2F4 or
RGB 239 242 244
Check my experiment http://www.facebook.com/profile.php?id=1000640859
Comment by testing — June 6, 2010 @ 10:00 pm
Fantastic!!!!
LOOK:
http://www.facebook.com/yedidaangelespage
I wrote about you in my blog
Congratulations
Comment by Yedida Angeles — June 7, 2010 @ 12:35 pm
I used your 'hanging from the blue line' trick and created this http://i50.tinypic.com/20glgcl.png
Its me hanging from my profile. Most my frieds thort it was gay but who cares I like it ha. what d'you think?
Comment by Taylor8294 — June 10, 2010 @ 9:30 am
Very cool article, we may have to try and use the transparent background. Hopefully FB won't change their style sheets. Thanks!
Comment by Verragio — June 11, 2010 @ 8:58 am
Is there an updated 2010 version?
I’m having trouble finding the exact size of that grey/white border because the image does adjust with facebook and is a bit skinnier so doesn’t quite match up.
I saw the same issue here with
Taylor8294′s post but at least that lines up a lot more than my trials.
I’m happy that I can get a giraffe-sized pic working, even though I have to avoid the border.
Comment by dania — June 14, 2010 @ 10:22 am
oh well, i now have something that works great now
thx
Comment by dania — June 14, 2010 @ 12:35 pm
Thanx for the great post!!!
How can I assign a link to my Facebook Fan Page profile pic?
Comment by William — June 22, 2010 @ 2:01 pm
55 pixels I think now?
Comment by Furby — June 22, 2010 @ 2:04 pm
The alignment issue is a real problem. What might align in one browser will very likely not work in another (Firefox vs. Explorer vs. Safari, etc) as I have tested this extensively. I run a bunch of pages for businesses and have moved away from profiles that try to maintain the horizontal pale blue box. I did recently use the graphic treatment that does take advantage of the header in another way that avoids the alignment problem. Take a look:
http://sites.google.com/site/facebookprofilesampl...
Comment by J. Matthew Brown — June 22, 2010 @ 3:22 pm
can someone please explain this to me? i'm confuse. thanks.
Comment by rwen — June 28, 2010 @ 8:14 am
Oh my goodness I found your site today.
I followed your instructions and it was so much fun to make.
Thank you so much-Rob?
Comment by Val — June 29, 2010 @ 7:16 am
This isn't really a profile picture hack but its cool i think lol. Check this cartoon album out: http://www.facebook.com/album.php?aid=27021&i...
Comment by Alex Taylor — July 4, 2010 @ 1:09 pm
Thanks for the idea!
I did a very simple photo, but the 52 pixel tip is awesome!
Here's my FB page:
http://www.facebook.com/willyborichardson#!/willy…
Comment by Willy Richardson — July 11, 2010 @ 11:48 pm
How do you get the smaller square thumb on wall posts to display correctly in the square format when FB resizes your 200 x 600 profile picture?
Comment by Jacob — July 16, 2010 @ 7:32 pm
Love it, Love it! Thanks!!!
Comment by jamie — July 20, 2010 @ 6:20 pm
Thank you! I just hacked profile photos to my FB page and my FB fan page. Fun! http://www.facebook.com/morna
Comment by Morna Crites-Moore — July 20, 2010 @ 9:10 pm
Cheers, just done it for my profile.
Comment by Richard Havelock — July 21, 2010 @ 6:24 am
I know this was posted a while ago but I actually happened to write up a blog post on this for Fan pages. The dimensions are now 180px wide by 540px high. That makes for a pretty tall image but you can actually get pretty creative with how you handle the graphics which I happen to explain in my post. Check it out if you want
http://www.clear-river.com/weblog/comments/making...
Comment by Keith Heustis — July 22, 2010 @ 7:51 am
The problem is when you add a status update…
Comment by Hamish Millar — July 25, 2010 @ 9:20 pm
I notice some profile pics are in SVG format. Can anyone tell me how that is done?
Comment by Dan — July 26, 2010 @ 3:44 am
@Hamish Millar RE:"The problem is when you add a status update"
This is no problem at all dont worry. If you put out a long status update that goes over one line so pushes your blue line down, just click the little "clear" link that comes at the end of your status at the top. It takes away that text so your blue line is perfect still and your status is still on your wall for every1 to see. No problem what so ever
Comment by Taylor8294 — July 28, 2010 @ 2:53 pm
Very clever way to create cool effects. I will certainly implement and tell my friends. Thanks
Comment by Lotus — July 29, 2010 @ 10:52 am
It is not permanent, because the gray bar owned facebook can vary in size depending on the length status in post .. you'll see it out of the bar ..
Comment by jelajahkalsel — August 1, 2010 @ 1:50 am
I just love it!
Comment by ishu — August 1, 2010 @ 7:08 am
Great stuff! thanks
Comment by AR — August 14, 2010 @ 8:44 am
so how can i know do that??? i dont know how… where do i have to go or do?
Comment by perla — August 19, 2010 @ 4:40 pm
Great article! I did this prior to reading this. My facebook page is my web link if you want to check it out. I may play around with the gret line some more though. I like your globe pic.
Comment by Justin — August 21, 2010 @ 1:12 pm
Here's the updated template for the giraffe edit: http://i909.photobucket.com/albums/ac299/eri059/t...
Comment by Erin — August 25, 2010 @ 11:40 pm
The actual px margin is 67px now not 52. Just a FYI.
Comment by Joshua Pekera — August 30, 2010 @ 12:16 am
@Joshua, it's actually still 52 pixels, just tested it.
But I can't get it to take any picture larger than 200x200px,
i.e. neither 200×600 nor 180×540 worked for me, it says pictures either to tall or too wide? any ideas?
Comment by Ahmed — August 30, 2010 @ 5:50 pm
You are a genious man! Thank you!
Comment by Corina — September 2, 2010 @ 11:34 pm
There is problem in the facebook, no profile pictures are visible. What will do?
Comment by suresh — September 3, 2010 @ 12:44 am
Mine:
http://img834.imageshack.us/f/mureli.jpg/
Comment by ecorne — September 5, 2010 @ 11:36 am
Can you explain what you did to make it transparent?
I am uploading a PNG with transparency, but it seems that Facebook converts it into a JPEG.
When I try to upload an SVG, it says "corrupt file".
How did you do it?
Comment by Alex — September 7, 2010 @ 8:05 am
To add to me previous message, I am referring to true transparency in SVG files, take a look at the Chromium page, as an example: http://www.facebook.com/#!/pages/Chromium/1095054…
The page for Compiz also uses a transparent SVG.
Comment by Alex — September 7, 2010 @ 8:14 am
I just got mine
AWESOME!!!!!
facebook.com/manakorn
Comment by Mac — September 10, 2010 @ 11:27 am
great post. super helpful. like the giraffe
Comment by @realconsigliere — September 13, 2010 @ 9:45 am
OK, thats great. Tnx for the post. Very interesting.
My firs, but not the least try
http://www.facebook.com/vojvodjanskisalasi
Comment by Milan — September 15, 2010 @ 5:41 am
Yeah, works excellent! Check my fb-page!
Comment by OKD — September 20, 2010 @ 4:59 am
I love the idea if getting really creative with the profile photo. It's experiential marketing at it's best, making an experience out of visiting one's facebook.
Comment by redwall LIVE — September 20, 2010 @ 4:55 pm
Very well done, great article! I would have to say one of the best I have read in ages
Comment by Dillon Chaffey (Chafflube) — September 22, 2010 @ 9:32 am
I'm somewhat amazed that this guide has generated such an enthusiastic response from so many people. Many thanks to everyone. If you would like to follow me on Twitter, I am @jetsetter.
Kind Regards,
Rob Banagale
Comment by Rob Banagale — September 22, 2010 @ 6:59 pm
really great
Comment by steve — September 27, 2010 @ 11:54 am
Thanks, great post!
Comment by Tim — September 30, 2010 @ 12:41 pm
Rob, thanks for the ideas. I think the response is because us FB users are so used to being ignored by their "Help" which is of no help at all, and the realization that we can "step outside the box" at least for profile pics. Here's my effort: http://www.facebook.com/profile.php?id=1000000664...
Comment by Dan-O — September 30, 2010 @ 11:16 pm
The profile pic doesn't work if you don't click on 'Like'
exemple: http://img21.imageshack.us/img21/7185/examplero.j...
???
^_^
Comment by Mcf — October 1, 2010 @ 4:39 am
I had a go and it looks pretty good
have a look at my group page 'SEO online marketing' http://www.facebook.com/?ref=home#!/group.php?gid…
and please join to get the latest SEO tips
Comment by Chris Horner SEO Expert — October 3, 2010 @ 4:37 pm
cool man cool
Comment by cowboysaif — October 6, 2010 @ 2:16 am
great stuff
Comment by Albert — October 6, 2010 @ 1:31 pm
god you lot need to go out more
Comment by martin — October 7, 2010 @ 5:01 pm
i have blocked every picture on face book and there is no photo i can see it even my profile picture and i don't want to block it , so its my wrong and i wanna fix it , so i can see the photos
Comment by basma — October 9, 2010 @ 4:03 pm
One problem I noticed is that facebook seems to shift my image vertically about 15 pixels depending on it's "mood". I haven't seen what causes this, but it is very annoying. My OCD does not like this! Anyone else notice this?
Comment by Fritz Conroy — October 11, 2010 @ 4:34 pm
That is awesome!!
Comment by SoundGuy77 — October 11, 2010 @ 7:41 pm
Awesome article! Thanks for posting!
Comment by Atlanta Photographer — October 12, 2010 @ 12:34 am
Facebook has recently changed their formatting so now the light blue space at the top of the profile picture taked up 55.0px rather than 52.0px. Keep this change in mind when creating your custom facebook profile/fan page.
Comment by Stuart Felkner — October 14, 2010 @ 2:07 pm
Thanks, I updated my FB Biz page @ http://on.fb.me/9C31GT
as well as my personal page.
Great article.
Comment by Christopher Adams — October 15, 2010 @ 7:50 am
I love coming back to this article and checking out what people have come up with so I thought I'd share mine too.
• http://www.facebook.com/photo.php?pid=534525&...
• http://www.facebook.com/photo.php?pid=465209&...
• http://www.facebook.com/photo.php?pid=297398&...
• http://www.facebook.com/photo.php?pid=229361&...
I hope to see some more of your creative ideas soon!
)
Comment by Heather — October 16, 2010 @ 4:04 pm
Pity Facebook hasn't quite got it pixel perfect between web browsers…. still, very fun!
Comment by Tigger — October 22, 2010 @ 9:54 am
I thought I would finally share with you guys some of the creative ones I have done. I make a new one at least once a month. Add me as a friend on Facebook so you can see when I add a new profile pic. When you add me also send me a message that you found me here. Otherwise I'll think your just some random person adding me, and I won't end up adding you. Also please comment on my photos, I would love to hear your feedback. Thanks! http://www.facebook.com/mikecheck1two
http://i1182.photobucket.com/albums/x442/mike6448... http://www.facebook.com/photo.php?fbid=1632173070...
http://i1182.photobucket.com/albums/x442/mike6448... http://www.facebook.com/photo.php?fbid=1528983280...
http://i1182.photobucket.com/albums/x442/mike6448... http://www.facebook.com/photo.php?fbid=1437750556...
http://i1182.photobucket.com/albums/x442/mike6448... http://www.facebook.com/photo.php?fbid=1350695631...
http://i1182.photobucket.com/albums/x442/mike6448... http://www.facebook.com/photo.php?fbid=1266563873...
http://i1182.photobucket.com/albums/x442/mike6448... http://www.facebook.com/photo.php?fbid=1043948962...
http://i1182.photobucket.com/albums/x442/mike6448... http://www.facebook.com/photo.php?fbid=1009030499...
Comment by Mike Jacinto — October 22, 2010 @ 11:33 am
This is my profile photo!! Check this out. This is great, thanks man!!!
http://www.facebook.com/profile.php?id=1127644349...
Comment by Nenad — October 22, 2010 @ 6:54 pm
amazing, i think this will surely work.
Comment by Quotes — October 28, 2010 @ 5:53 am
I had to tweak this so many times. It wouldn't line up with my profile
Comment by Guestiness — October 28, 2010 @ 11:54 am
Thanks for this great tip !!!
Done for my fan page http://www.facebook.com/GramMail but the result is not the same on Safari/Chrome/Firefox… sad but very interesting.
Comment by @GramMail — October 28, 2010 @ 2:38 pm
i am implementing in my profile…
Comment by Infiq — October 30, 2010 @ 2:42 am
Level of awesomeness.
If its me, I would never share the source.
Can you?
Comment by sudeepk — October 31, 2010 @ 5:55 am
Is there any way of preventing the profile pic from pixelating, it seems no matter how good the quality is that one uploads, it always pixelates, it looks very unprofessional, especially on a Fanpage!
Comment by Bianca — November 2, 2010 @ 5:16 am
this article is pretty much useless because the layout looks different on every OS, and there is difference in some browsers as well
Comment by name — November 2, 2010 @ 11:58 am
Some of these pics are awesome…Is everyone using photoshop to complete them?? I really want to have a go but im wondering what i'll need to do it??
Comment by colm — November 4, 2010 @ 9:56 am
Very cool this is my first try http://www.facebook.com/divas3design
Comment by Amanda — November 16, 2010 @ 10:05 am
I love your profile pictures. Any reason why they don't show up all the way? I'm having the same problem with mine…did facebook change the code again?
Comment by Johnny — November 19, 2010 @ 10:00 pm
I keep coming back to this from time to time. Here's my latest:
http://www.facebook.com/GramMail#!/corajudd
Comment by Cora — November 22, 2010 @ 4:05 am
Do, or do not. There is no try!
My first: http://www.facebook.com/photo.php?fbid=1560393443...
Comment by Marc — November 24, 2010 @ 10:15 am
Hahaha, ist great!!
Comment by @IgnacioCubillas — November 25, 2010 @ 3:55 pm
wow nice one…
Comment by zikrihusaini — November 28, 2010 @ 10:16 pm
[...] blog which were designed to take advantage of the new layout. This immediately reminded me of the profile photo hacks first posted here by Rob Banagale almost two years ago. It presents users with a significant [...]
Pingback by The Most Creative Way To Customize Your New Facebook Profile — December 6, 2010 @ 4:38 pm
Too bad it doesn't work anymore with the new profile
Comment by Jesse Goedel — December 7, 2010 @ 5:08 am
There is a new facebook application that will give you some ability to change the top 5 pictures on your profile page and you can do a panoramic view of your profile – check it here http://apps.facebook.com/profilephotosbar
Comment by @flowervending — December 21, 2010 @ 6:58 am
This is a GREAT article, here's my first try:
http://sphotos.ak.fbcdn.net/hphotos-ak-snc6/hs002...
I always kind of wanted to have one of these and I sort of knew the gist of how to do it, but this really made it simple. Now I've got an awesome (in my mind) profile pic that I really wanted for a long time!
Comment by Raelyn — December 28, 2010 @ 10:38 pm
This only works if your status is one line in height. Trust me, I've tried this before. It screws the effect up with the grey line if your status is two lines.
Comment by Ryan — December 31, 2010 @ 12:11 am
Why do you dorks all call this a hack? You're all hacks.
Comment by Bob — January 3, 2011 @ 7:54 pm
I'm having trouble taking it all in. But I agree the effects are really cool… invigerating and up beat.
Comment by @cve4mejournal — January 3, 2011 @ 10:15 pm
Does this have anything to do with http://hackyourlove.com/articles/how-to-hack-a-fa... ?
Comment by @hackyourlove — January 4, 2011 @ 7:25 am
this is up there with the worst articles i've ever had the misfortune of stumbling upon.
Comment by Tom — January 4, 2011 @ 9:22 am
was a perfect profile photo http://www.facebook.com/pages/Bokubok/14418321563...
Comment by Behcet — January 5, 2011 @ 5:15 am
With the new Facebook profile, there are new ways to incorporate the thumbnails into your profile pic. I explain it and offer free Photoshop templates for both your profile page and photo albums: http://fatwalr.us/2010/12/facebook-profile-pictur...
Comment by Luke — January 13, 2011 @ 5:46 pm
super . its realy working . i did it
:):)
Comment by prabha — January 13, 2011 @ 11:40 pm
Awesome!!! Thanks for the info…that is super fun!
Comment by Lisa — January 16, 2011 @ 3:03 pm
Great tips there, but even more important is that you have listed the dimensions!
cheers for sharing your ideas.
Dereck
Comment by Dereck Celis — January 21, 2011 @ 7:52 pm
hey can anyone teach me how to make that giraffe like pics…plzz
Comment by SaLMAN — January 24, 2011 @ 3:42 am
I have a question. Budweiser has a completely different thumbnail than their profile image when you search for them or they post a comment. Do you know how they are doing this?
Comment by eric — February 4, 2011 @ 1:57 pm
It doesn't always work. I did the line hack with a picture of Bugs Bunny, and his ears looked like they were sticking up above my the line. That worked on Firefox in Mac OS X. But I viewed it on Windows XP with Internet Explorer and the line was one or two pixels off now.
Comment by Tim — February 7, 2011 @ 4:04 pm
If that the simple program of viewing of the latent pages http://depositfiles.com/files/9uedmhyts
Comment by ???? — February 9, 2011 @ 4:44 am
[...] awkward line for profile images has also been removed. While the awkward line resulted in a lot of cool Facebook profile photos, the focus will now be on the five photos that reside at the top of the [...]
Pingback by New Facebook Pages: Everything You Need To Know — February 10, 2011 @ 6:29 pm
http://www.facebook.com/photo.php?pid=195340&...
this was my try, while the profile was hackable, now they changed it
Comment by André — February 12, 2011 @ 4:48 pm
very hekpful. thanks a lot
Comment by albert seis hulugan — February 13, 2011 @ 8:28 pm
Hi.
I tried it before but how look in small thundbail when you post?
in facebook profile look nice but when u post the thumbnail "cut" your profile pic yes? then will not look so nice i think
Or maybe I'm mistake?
Cheers
Comment by Romania — February 24, 2011 @ 7:02 am
How can i do that to my profile? is there a link to follow?
Comment by elena — February 25, 2011 @ 1:23 am
happy
Comment by loreneyrosario — March 7, 2011 @ 2:02 pm
Comment by ga — March 9, 2011 @ 5:44 pm
Here is the first time in 2011 real facebook hacking software 100% working for free download http://adf.ly/lH8M
Comment by kami — March 11, 2011 @ 5:29 am
ccccccccccccccccooooooooooooollllllllllllllllllllllllllll
Comment by hamza ali — March 17, 2011 @ 6:04 pm
None of the files in the kit zip are viewable (Yes, I know how to extract files from zipped files). Also, didn't Facebook change their profile design? The gray space is no longer there.
Comment by Coolguy — March 22, 2011 @ 3:28 am
This is really great, but didn't Facebook change their profile designs? It doesn't work now. And neither to the files in the kit. I can't open any of them (and yes I know how to extract files from zipped files). I was really looking forward to this after reading the entire post
Comment by Polaris — March 22, 2011 @ 3:39 am
hello nice posting please keep continue with same posting…..
Comment by Brajesh — March 24, 2011 @ 11:26 am
Polaris is an idiot – files extract fine.
Comment by bee — April 2, 2011 @ 5:21 pm
Thanks for the read. I still think http://hackertalk.net has better content though.
Comment by Robbert — April 9, 2011 @ 6:10 pm
Already said, but have to say – Awesome
Comment by TroopLeader — April 10, 2011 @ 7:26 am
nice
Comment by hamzeh — April 10, 2011 @ 5:32 pm
With the new profile, you can take pieces of a good portrait of yours and create a wonderful illusion.
http://www.skipser.toolsbysk.com/p/2/p/general/ho...
Comment by Anish — April 17, 2011 @ 6:37 am
you have great trick to share, but i have problem with picture size when it appear on my profile
Comment by eyelashes — April 30, 2011 @ 8:28 pm
This is great, thanks! Can you tell me if this works on pages that I am admin of, or if one needs to log in as the page owner?
Comment by @WillisETech — May 2, 2011 @ 2:28 pm
GREAT! Super helpful, beautifully written, MANY THANKS!
Comment by MicheleMooreHappy1 — May 8, 2011 @ 6:39 pm
do you understand it please tell me if you understand it
i read all this but did not get the point
Comment by arisak — May 14, 2011 @ 3:43 pm
http://apps.facebook.com/noprofilepictures/
Comment by @likevote — May 18, 2011 @ 10:26 pm
before storing in a cool, well ventilated mbt shoes sandals, of course, have some dry days, when the existing mildew, either use a soft cloth or soft brush to remove mold, shoeshine brush and fill with the times. If you do not demolding, mbt footwear shoe store, moldy phenomenon becomes more serious, mold spores spread to the air pollution, bring indoor climate, but also harmful to health.
Comment by mbts — May 19, 2011 @ 5:16 am
Nice idea! I found very interesting site which give a simple way to edit facebook profile photo: http://www.facebookphotoeditor.com
Comment by nanang — June 8, 2011 @ 5:43 pm
great idea – my photo is smaller so I will upgrade
Comment by ynotoman — June 9, 2011 @ 10:53 pm
go my facebook Profile
Comment by vishal — June 10, 2011 @ 7:49 am
Hi everybody ,I like this article, very interesting, , is anyone can explain me in french how to hack the profile, because i didn't unde3rstand the way…thanks
Comment by MamzellA — June 21, 2011 @ 12:08 am
Very Creative! Defintely I will hope to use it on my website freelancekiller.com.
Comment by Maverick — June 22, 2011 @ 4:01 pm
Hi,
does anyone else get a pixelated image when uploading images to facebook bus profile pic? how do u get around this? have tried 180×540 200×600 but it still looks crap?
Comment by bill — July 7, 2011 @ 2:51 pm
nice site
tnkz……………………..
Comment by mba coimbatore — July 10, 2011 @ 11:31 am
nice
Comment by cms college cbe — July 10, 2011 @ 11:41 am
Awesome and funny ways, couple of different and funny ideas have come to my mind after seeing these pictures. will love to apply on my personal account
Comment by Facebook Templates — July 20, 2011 @ 6:21 pm
You've got a very useful post here. I like it very much! Keep up the good work!
Comment by getmoneyyoungmoney — July 22, 2011 @ 2:32 pm
Coolness!!
http://christophercopywriter.com
Comment by christopher copywriter — July 25, 2011 @ 1:50 am
The popularity cheap converseof "toning" shoes, converse newwhose unstable soles require you to work muscles harder
new converse to stay balanced, suggestscheap converse shoes consumers areconverse all star banking on it.
Sales of toning shoes, which cost from $70 to upward of $200 and have enlisted celebrities cheap converse all starlike Kim Kardashian and Waynecheap converse all star shoes Gretzky to tout their
Comment by converse one star — August 3, 2011 @ 10:43 am
Superb! Generally I never read whole articles but the way you wrote this information is simply amazing and this kept my interest in reading and I enjoyed it <a
href="http://www.imonsterheadphones.com">monster Dr Dre headphones.
Comment by monster dr dre — August 10, 2011 @ 3:10 am
Awesome! I love this idea! Thank you for sharing! :0)
Comment by Jamie — August 10, 2011 @ 1:17 pm
Very cool! Love it!
Comment by Jamie — August 10, 2011 @ 1:18 pm
Hi and thanks for a great article:-) – but I am not so experienced. I can make the image with the diff coloured boxes in the top but I don't get to put it om my fbprofile. I don't get to upload my image. The size of the image is 53×660 px. Can you please help me?
Comment by Michael — August 11, 2011 @ 10:05 am
Nice idea. Thanks lot for your post.
Comment by facerecovery — September 11, 2011 @ 4:13 am
Great guide and motivating writing – Thanks a lot
Comment by Lamper Online — September 16, 2011 @ 12:40 am
Does anyone know of a place I can download a new facebook template? I'm looking for something cool, funky, wacky, and colorful. But, for the moment, I'd like to find something free to download that is safe. Any ideas?
Comment by camrynoliver — September 17, 2011 @ 4:58 pm
P.S. I love the Giraffe!
Comment by camrynoliver — September 17, 2011 @ 4:59 pm
Great post!! I love it.
Can´t wait to try it on my facebook profile!!
Thanks for sharing.
Comment by desarrollo personal — September 20, 2011 @ 12:07 pm
I must be blind but I'd really like a copy of the zip file. I look through every single page of his blog but couldn't find this same article. Any chance on a link? Anyone? Thanks!
Comment by Lukedwards — October 14, 2011 @ 12:20 pm
please look at my very short blog on some ideas i've had now facebook has changed. I need more ideas. http://coolfbpicsideas.blogspot.com/
Comment by mike — October 31, 2011 @ 12:47 pm
hahahahahaa
Comment by zulfik — November 25, 2011 @ 5:11 am
ahahh funny
Comment by Rainforest — November 30, 2011 @ 2:29 am
This was a lttle tricky to implement at first but its a well written piece and I found it very helpful. Thanks for sharing!!
Comment by Nottingham Magician — December 26, 2011 @ 10:10 am
Snow your profile photo, click here http://www.facebook.com/?valuid?sk=app_31081061...
Comment by anna — January 1, 2012 @ 7:43 pm
Excellent post! So surprised with the idea, I never knew this til I read your article. I'm sure my friends would be surprised too, can't wait to apply and share it with my friends. Thanks to this amazing blog. I'll keep posted!
Comment by Richard — January 4, 2012 @ 2:31 am
Nice work!
Comment by Tom — January 9, 2012 @ 4:27 pm
Excellent information…
Comment by Jibz Actions — January 21, 2012 @ 1:09 am
This is an awesome resource, it was very help full, I made my self an alien with the methods, tnx.
Comment by Party Pills — January 23, 2012 @ 6:51 pm
click here to check out my new timeline cover gallery http://coverbooth.com
Comment by sojanjose4u — January 25, 2012 @ 9:25 am
Excellent information…Thanks!
Comment by JibzActions — January 26, 2012 @ 1:37 pm
Its an innovative idea. It's really informative one. Cheers………
Comment by Party Pills — January 30, 2012 @ 12:12 am
Love this place… such great information thanks!
Comment by JibzActions — February 1, 2012 @ 2:59 am