News!! Adding A Facebook Personal Trouble Concern Human Relationship Badge To Your Blog

2017 Update:    
The tool described hither is no longer supported yesteryear Facebook, as well as no longer works.   It seems that Facebook no longer supports whatsoever means of putting personal-profile badges on websites.


This article describes making a Facebook badge to promote your personal Facebook account, as well as 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 desire to approve private members who join
• Pages for everything else.

Many people called their Profile their Facebook "account" - as well as lots are confused most the divergence betwixt personal profile, as well as pages.   But in that location is a big divergence - as well as it starts to transcend obvious when y'all await at how to promote your facebook presence within your blog.

I've already described how to brand a badge for a Facebook Page.   Now I'm going to await at how to brand a unlike variety of page, to promote yourself, ie your Profile.

This is an illustration of the "follow me" approach to linking your spider web log as well as 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 amongst the personal delineate concern human relationship that y'all desire to promote.
.
Choose Profile (currently on the top correct menu, only side yesteryear side to Home).

Scroll downwardly the left mitt panel,until y'all meet Share a Badge (usually at the bottom) - click it.   This takes y'all to Facebook's badges page, amongst Profile badges automatically selected.
  
Click Edit this Badge,

Choose the format as well as contents that y'all desire to show.
Remember, what's shown is the data from your personal Facebook account, as well as if y'all seat it onto your spider web log the usual Facebook safety rules won't hold out used to command who sees the information.   Only purpose these badges if you're rattling certain that y'all desire your data to hold out shared.

When y'all are happy amongst the selections, choose, Save the badge.

Facebook has options to measuring y'all through the procedure of adding the badge (as a gadget) to Blogger.   But I e'er prefer to conduct Other as well as and then Copy the code provided (put the mouse into the field, press Ctrl/a to select it all, as well as then Ctrl/c to copy).

Install the code into your blog:  every bit e'er in that location several options for installing 3rd political party HTML, depending on where y'all desire to seat the badge.

What your visitors volition see

People who take in your spider web log through a web-browser volition meet a badge showing the data that y'all induce got chosen to show.

When they click on it, they volition hold out taken to Facebook as well as every bit much of your profile every bit your electrical flow privacy settings permit them see.

As always, people who read your spider web log via a feed reader (Bloglines, Google Reader, etc), or yesteryear e-mail subscription (eg having used follow-by-email) may non meet the Facebook item, depending on where is places as well as what options their e-mail programme has.

Customizing the code

Unlike other Facebook badges, the profile badge has very few options for beingness customized yesteryear editing the code, which looks similar this:

<!-- Facebook Badge START --><a href="http://en-gb.facebook.com/WHOEVER" target="_TOP" style="font-family: &quot;lucida grande&quot;,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 a Facebook personal delineate concern human relationship badge to your blog">WHOEVER</a><span style="font-family: &quot;lucida grande&quot;,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;">&nbsp;|&nbsp;</span>

<a href="http://en-gb.facebook.com/badges/" target="_TOP" style="font-family: &quot;lucida grande&quot;,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 a Facebook personal delineate 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 a Facebook personal delineate 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 of import note:   if y'all practise a badge similar this as well as seat it into a website, as well as and then transcend dorsum as well as edit the badge inward Facebook - the website volition present the updated badge.

---

Related Articles

Putting HTML from a third-party into your blog

Adding a Facebook "Page" badge to your website

Tools for linking Blogger as well as the Social Networking sites

Putting a Facebook "share this" push on your blog

Tweet

Subscribe to receive free email updates: