How to Add an Image to your Facebook Like Badge

I opened Facebook last week and read a cry of help from comic book artist, Josh Latta, who is also making a name for himself for creating custom made avatars, or cartoon representations. I’ve yet to find out why he calls them avatards but you can ask him or find samples of his works here. Josh needed help with, among other things, his Facebook Page and Like Badge, and promised an avatard for your trouble.

I decided to help him. First off, I’ve always wanted a Josh Latta custom-made avatard for my band, He Sang She Sang. Second, Josh, whose FB status updates are funny one-liners aimed to skewer or shock, uncharacteristically sounded serious. The dude needed help and I wanted an avatard. I told him I’d help. His Facebook Badge problems were:

He wanted to have the status on his Facebook Page Badge removed. The badge status doesn’t update. Weeks before, he posted this:

ATTENTION HOT CHICKS: Send me a picture of you with my comics and I will put you on my website for free!

And more strangely, it’s not complete. Josh’s badge just said: “ATTENTION HOT CHICKS: Send me a picture of you…” which made him sound like a perv. Him possibly being one is not the point. Why include the page status if the thought isn’t complete? (Also, I was kidding about Josh possibly being a perv — hahaha!)  He didn’t know how to add his pic on the FB Like Badge. It has that default male/female silhouette. Example: The Powerpuff Girls’ Like badge:

The problem is, I don’t know anything about HTML codes.

So, unbeknownst to Josh, I did a little research and played around with the codes. It was a hit or miss process that involved a lot of hunting for words and copy-pasting. I used my own badge and posted them first on my dead blogs to see if they worked. Painstaking, yes, but a worthwhile endeavor because I succeeded!

First Problem: Removing the FB Page Badge status update didn’t require any HTML manipulations. Just in case you want to know, these are the steps:

  1. Go to Facebook Badges.
  2. Choose Page Badge.
  3. Click on “Edit this Badge”.
  4. Un-check ‘status’.
  5. Save.
  6. Then ‘Choose where to add the badge’ to get the HTML code.
  7. Do the dance of joy.

Second Problem: Replacing the default silhouette on the FB like badge with your own picture.

  1. After you’ve done “selecting a page” you like on FB Like Badge, copy the HTML Code.
  2. Now for tedious but exciting (for fastidious geeks like me) part!
  • Paste the code on notepad or word. (I chose notepad)
  • HTML codes can look daunting but treat this whole process like a game. HUNT for the name of the page you selected to like. In this example, I selected to like the band “He Sang She Sang”.  Now look for “He Sang She Sang”.

Advertisements