The tool described hither is no longer supported past times Facebook, every bit good every bit no longer works. It seems that Facebook no longer supports whatsoever way of putting personal-profile badges on websites.
This article describes making a Facebook badge to promote your personal Facebook account, every bit good every bit putting it onto your blog.
Facebook Profiles vs Pages
As I've previously explained, Facebook has:- Profiles for people,
- Groups for collections of people who wishing to approve individual members who join
- Pages for everything else.
Many people called their Profile their Facebook "account" - every bit good every bit lots are confused nearly the departure between personal profile, every bit good every bit pages. But inwards that location is a big departure - every bit good every bit it starts to top obvious when yous await at how to promote your facebook presence inside your blog.
I've already described how to build a badge for a Facebook Page. Now I'm going to await at how to build a different diverseness of page, to promote yourself, ie your Profile.
This is an instance of the "follow me" approach to linking your spider spider web log every bit good every bit the social networks, although for Facebook pages your reader becomes a Fan rather than a Friend.
Making a badge for your Facebook profile
Log into Facebook with the personal delineate draw of piece of job concern human human relationship that yous wishing to promote..
Choose Profile (currently on the top right menu, solely side past times side to Home).
Scroll downwardly the left manus panel,until yous run into Share a Badge (usually at the bottom) - click it. This takes yous to Facebook's badges page, with Profile badges automatically selected.
Click Edit this Badge,
Choose the format every bit good every bit contents that yous wishing to show.
Remember, what's shown is the information from your personal Facebook account, every bit good every bit if yous topographic point it onto your spider spider web log the usual Facebook security rules won't concord out used to ascendence who sees the information. Only role these badges if you're rattling for certain that yous wishing your information to concord out shared.
When yous are happy with the selections, choose, Save the badge.
Facebook has options to standard yous through the physical care for of adding the badge (as a gadget) to Blogger. But I e'er prefer to bear Other every bit good every bit in addition to thus Copy the code provided (put the mouse into the field, press Ctrl/a to select it all, every bit good every bit thus Ctrl/c to copy).
Install the code into your blog: every fleck e'er inwards that location several options for installing 3rd political political party HTML, depending on where yous wishing to topographic point the badge.
What your visitors testament see
People who accept inwards your spider spider web log through a web-browser testament run into a badge showing the information that yous receive got chosen to show.When they click on it, they testament concord out taken to Facebook every bit good every bit every fleck much of your profile every fleck your electrical menstruum privacy settings allow them see.
As always, people who read your spider spider web log via a feed reader (Bloglines, Google Reader, etc), or past times e-mail subscription (eg having used follow-by-email) may non run into the Facebook item, depending on where is places every bit good every bit what options their e-mail programme has.
Customizing the code
Unlike other Facebook badges, the profile badge has very few options for beingness customized past times editing the code, which looks similar this:<!-- Facebook Badge START --><a href="http://en-gb.facebook.com/WHOEVER" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="News!! Adding H5N1 Facebook Personal Trouble Concern Human Relationship Badge To Your Blog">WHOEVER</a><span style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; line-height: 16px; font-variant: normal; font-style: normal; font-weight: normal; color: #555555; text-decoration: none;"> | </span><a href="http://en-gb.facebook.com/badges/" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="News!! Adding H5N1 Facebook Personal Trouble Concern Human Relationship Badge To Your Blog">Create your badge</a><br/><a href="http://en-gb.facebook.com/WHOEVER" target="_TOP" title="News!! Adding H5N1 Facebook Personal Trouble Concern Human Relationship Badge To Your Blog"><img src="http://badge.facebook.com/badge/WHOEVER.WHOEVER.png" width="177" height="84" style="border: 0px;" /></a><!-- Facebook Badge END -->
An significant note: if yous exercise a badge similar this every bit good every bit topographic point it into a website, every bit good every bit in addition to thus top back every bit good every bit edit the badge inward Facebook - the website testament introduce the updated badge.
Related Articles
Putting HTML from a third-party into your blogAdding a Facebook "Page" badge to your website
Tools for linking Blogger every bit good every bit the Social Networking sites
Putting a Facebook "share this" force on your blog