End result of this Facebook Hack

A couple of days ago, Facebook introduced a new layout for its users. This optional new layout has altered the way any Facebook user sees another user’s profile. Under this layout,

1.       the profile picture is on left (as usual),

2.       personal info about the user is on top right and

3.       photos in which the user is tagged are right below the personal information.

Now, with a clever trick, one can use part [1] and part [3] described about to show one single profile picture. Sounds confusing? The image below will further clarify my point.

Looks Good?

The trick used to create this is known as slicing.

  • Firstly, you’ll have to slice image using Photoshop or GIMP. Though most of us aren’t Photoshop masters, this article doesn’t require you to be one.
  • Secondly, you have to tag them so they are visible on your profile and you are done!

The steps are described in detail below:

1.       Get a photo of yours which you want on the Facebook Profile and crop it to the size 700 pixels by 500 pixels and save it somewhere.

2.       Now, download the .PSD file (unzip the downloaded file to get the .PSD file) and open it with Photoshop.

3.       Press Ctrl + O and open the file saved in step [1] above.

4.       With the image in step [3], go to Layer menu, select New> Layer from Background. This will turn the background into an editable layer.

5.       Press V. This will select the Move tool. Using it, drag the image and drop it into the opened .PSD file tab. Adjust the dropped image’s position to place it properly over .PSD file.

6.       Go to File> Save for Web or File>Save For Web & Devices. (depending on which version of Photoshop you are using) Select Save. A new folder would have been created containing multiple images as slices of the original photo. Now goodbye Photoshop and welcome Facebook.

7.       Login in to your Facebook profile and upload the images to a Facebook album.

8.       Change your Facebook profile picture to the one saved as “facebook_layout_01.jpg”.

9.        Tag yourself with the images in the order given below:

  • First “facebook_layout_07.jpg
  • Then “facebook_layout_06.jpg”, “facebook_layout_05.jpg”, “facebook_layout_04.jpg” and lastly “facebook_layout_03.jpg”.

10.   Save the changes and now you’re done.

Enjoy the hack and show it off to your friends!

I hope you liked that enjoyed that article and didn’t find it difficult to use.

Last but not the least, thanks to Satish for giving me the idea to write this article.

Attachment: Facebook.zip

One thought on “Hack to Customize Facebook Profile with 6 Images (Banner)

  • June 21, 2011 at 6:06 am

    I like the idea of this, but how do you stop the 5 smaller images from changing.


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.