Skip to content

 

how to ...

How to create a Facebook profile badge

Facebook is the most popular social media tool used in the UK (July 2013 data) so these days it can be quite beneficial to have a Facebook page for your business as well as having your website. In order to link from your website to your Facebook page, you need to generate a “Facebook profile badge”, this then produces the necessary HTML code for you to copy onto your web page for the link.

To create a “Facebook profile badge”:

1. Log in to your Facebook page and click on the “Profile” tab

Facebook profile tab image

2. Scroll all the way to the bottom of the page.

3. At the bottom of left hand column you should see a link that says “Create Profile Badge.”

4. Click on the “Create Profile Badge” link.

5. Select “Profile Badge” from the menu on the left and then click on “Create a new badge” on the right side of the page.

Facebook create profile badge dialogue image

6. Select / deselect the options you require and then click “Save”.

Facebook profile badge options

7. Click once on the code in the box so that is highlighted then right click on your mouse and select “Copy” from the menu.

Facebook profile badge code

8. Paste the code into your web page (or whereever else you need to paste it). The code should look something like this:

<!-- Facebook Badge START --><a href="http://en-gb.facebook.com/ScalarEnterprises" 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="Steve Wood">Steve Wood</a><br/><a href="http://en-gb.facebook.com/ScalarEnterprises" target="_TOP" title="Steve Wood"><img src="http://badge.facebook.com/badge/100001244424672.943.461414947.png" width="120" height="123" style="border: 0px;" /></a><br/><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="Make your own badge!">Create your badge</a><!-- Facebook Badge END -->

The resulting badge should look something like this (depending on what options you selected)

Steve Wood

Create your badge

Back To Top