Awesome-ifying Your Facebook Profile

50,076

144

177

Introduction: Awesome-ifying Your Facebook Profile

About: Learn more about me here: https://www.instructables.com/id/Featured-Author-shesparticular/ or follow me on Twitter (@shesparticular) (if you're into that sort of thing).

Facebook changed layouts recently, adding a row of 5 images (the 5 images you were most recently tagged in) at the top of the profile page. Using Photoshop (or G.I.M.P. or MSPaint if you'd rather), you can make mini-images to fill this space and show off your creativity.

Note: Check this out for the awesome inspiration behind this and more ideas

Step 1: Making Mini-Images

If using the template provided here (as a PSD and a PNG), you can skip ahead to #3. Note that depending on the amount of information in your profile above the 5 images, you may need to make some adjustments if you are including your main profile image in your awesome design as this template is based on having three lines of text at the top (having more or less text at the top of your profile can shift the orientation of the line of 5 mini-images slightly).
  1. Take a screenshot of your profile. I'm a huge fan of Snagit (which is available for both Mac and PC), which isawesome for taking screenshots. Alternately, if you're using a Mac, you can use Grab or if you're using a PC, you can use the Print Screen key on your keyboard
  2. Open your screenshot in Photoshop (or other photo editing program)
  3. Select and delete the areas where the 5 tagged images are (and your main profile image, if you'll be replacing it also)
  4. Create a new layer and place it behind the existing one
  5. Select an image (or images) you'd like to use and paste them onto this new layer
  6. Resize the image and make adjustments as needed so that it shows through panes in the way that you'd like
  7. Select the areas for each of the mini-images, and cut and paste each into a new document, and save
  8. If you're creating a main profile image to go along with the mini-images, select, cut and paste, and save the same way to create that image

Step 2: Create a New Album

  1. Log onto Facebook and go to your profile page
  2. Under the row of 5 images at the top of your profile, click "Photos"
  3. Select "Create an Album"
  4. In the resulting dialog box, select "Select Photos" and browse to select the 5 images you created
  5. Reorder the images so that they appear correctly at the top of your profile page - you should have the image that you want to appear at the far right side as the last image in your new album
  6. Tag yourself in each image

Step 3: Change Main Image

You can skip this step if you only want to use the row of images at the top, but if you've decided to change your main image also:
  1. Mouse over your profile picture and click "Change Picture"
  2. Select "Chose File" and select the file you created previously
  3. Wait for it to upload

Step 4: Check Your Work

  1. Check to make sure that all your changes have taken effect
  2. Make any adjustments that might be needed keeping in mind that if anyone tags you in an image (including yourself), it will replace one of the images you've added and they'll all be "pushed" to the right
  3. Enjoy your awesome new profile!

Step 5: Tips and Hints

  • Make sure you have tagged yourself in the mini-images or they won't display. Tag them from last (far right) to first (far left) to get them to show up in the right order
  • If you're tagged in other images after uploading your mini-images, you can either untag them or mouse over them and click the "x" that appears in the top right corner to hide them (but keep yourself tagged in them)
  • The mini-images should each be 97 x 68 pixels
  • The image provided here can be used with MSPaint to create mini-images if you don't have or don't want to use one of the editing programs mentioned below (available either free or as a free trial)

Be the First to Share

    Recommendations

    • Candy Speed Challenge

      Candy Speed Challenge
    • The 1000th Contest

      The 1000th Contest
    • Battery Powered Contest

      Battery Powered Contest

    177 Discussions

    0
    shesparticular
    shesparticular

    7 years ago

    Sadly the cover photo change has made this not work anymore.

    0
    diy_bloke
    diy_bloke

    7 years ago on Introduction

    I never even noticed that possibility and now (2013) I cant find it at all anymore. Maybe disappeared with the most recent updates

    Well I'm commenting again but I had to share this image. This is "not exactly" what this instructable shares but it has spun off from this idea only... Its an album composed of a single image. Hope u guys like it...

    single image.png
    0
    shesparticular
    shesparticular

    Reply 8 years ago on Introduction

    Seriously awesome work! I may have to give that a try :)

    0
    ymagination
    ymagination

    9 years ago on Step 4

    Well, as others said, is really nice, once ou get it, but, just refresh the page, and all gets shuffled...
    Press [F5] several times, and you will see all your effort and illussion go thru the window... :-S pitty... it was nice...

    0
    shesparticular
    shesparticular

    Reply 9 years ago on Step 4

    I'm really not sure why some folks are having this issue. I've had mine up for almost a year and have never had the images show up in a different order.

    0
    hhermann schou
    hhermann schou

    9 years ago on Step 4

    Every time I refresh the page the images are being shuffled randomly. Is there a fix to this?

    0
    zonewarrior
    zonewarrior

    Reply 9 years ago on Introduction

    The same happens to mine - is there a fix ??

    0
    shesparticular
    shesparticular

    Reply 9 years ago on Step 4

    I haven't had this issue, and I'm not sure if anyone else has or not (no one has mentioned it). Have you tagged yourself in each image in the reverse order that they should show up?

    0
    MotaKun
    MotaKun

    9 years ago on Step 2

    i dont understand the 5 and 6 steps, how i tag the fotos, Wat name i tag it? my fotos dont appear.. im sad, i cant do that.. little help please..

    sorry my English and ignorance...

    0
    shesparticular
    shesparticular

    Reply 9 years ago on Step 2

    You should tag yourself in the photos the same way you would for any other image on Facebook. I'm not sure what you mean about the photos not showing up though - have you uploaded them to Facebook?

    Hopefully tagging them with your name will help some - please let me know if you need more help with it.

    0
    Tomcat94
    Tomcat94

    9 years ago on Introduction

    On a Mac, you don't need a program to take a picture of your screen.

    Use this keyboard shortcut:
    "Command (the key with the apple on it)" + "Shift" + "4"

    Then you can click and drag across the part you want to capture.

    Very good instructable-- I'm going to do something similar for Valentine's day. It'll be five images with one word on each one that says: "HAPPY VALENTINE'S DAY (my girlfriend's first name) (my girlfriend's last name)" Either that, or I'm going to put "I LOVE YOU" instead of happy valentine's day.

    0
    helifino
    helifino

    Reply 9 years ago on Introduction

    on winblows, you can hit the 'print screen' key to copy your current view to the clipboard...

    0
    shesparticular
    shesparticular

    Reply 9 years ago on Introduction

    Yep, as noted, "Print Screen" is an option for taking a screen shot on a PC.

    0
    shesparticular
    shesparticular

    Reply 9 years ago on Introduction

    I prefer Snagit to Command+Shift+4 only because it automatically scrolls through whole pages in Firefox when taking screenshots, which is very cool. Also, Command+Shift+4 saves as .tiff, which I'm not crazy about, but it certainly does work just as well as any program would.

    Very cute idea though! I'm sure she'll love it!

    0
    laxap
    laxap

    9 years ago on Introduction

    Your Instructable + Gimp + cartoon effect + drop shadow = this:

    Screenshot.png
    0
    ZDress
    ZDress

    Reply 9 years ago on Introduction

    I love the drop shadow effect. I'll have to try it out soon.

    0
    thing 2
    thing 2

    9 years ago on Introduction

    There is a website called fbanners.com that makes this easy!