Facebook Tutorial – How To Install Facebook Profile Badge in Blog

facebook Since I had other activities, I could not write an article. However, when I opened my blog, in shoutbox, one of my friends, call him Muchamad Amrullah asked a question like this, “How can we place Facebook badge to our blog so everyone can access it?”. Here is the screenshot of the question:

shoutbox

To fulfill Muchamad’s desire, in this post, I will try to explain how to make visitors can access Facebook through our blog.

Actually, to answer the question, is very easy. We only need to install the Facebook Badge so when our visitors click the badge, automatically, they will be taken to the page of our Facebook and page of our friends’ in Facebook.

Now the problem is that many of us do not know how to install the badge of Facebook profile in blog. Therefore, in this chance, I would like to give you a guide to create Badge of Facebook Profile. Please follow this guideline:

  1. Log in to Facebook with your account
  2. Click Profile tab in the upper menu
  3. See the left bottom side. Click Create a Profile Badge

    creat-a-Profile-Badge

  4. On the page of Facebook Badges, click the button of Create a New Badge, then you will be on the page of creating your profile badge.
    Creat-a-New-Badge
  5. By Default, the display of your profile badge in the vertical direction, but you can change it into the horizontal direction by clicking the radio button on Layout.
    vertical-badge
    horizontal-badge
  6. On the item part, by default, you are provided with three fields that you can change as you want by clicking the dropdown menu. You can either add or reduce the items. If you want to add, just click Add Item, and if you want to reduce or remove the items, click remove.

    dropdown

  7. If you are sure with your profile badge, click Save, then you will see the page as the screenshot below:

    new-badge

    Copy HTML code in the field

  8. Login to Blogger with your ID, and on the Dashboard click Layout of the blog you want to install your Facebook Profile Badge. See the image
    layout
  9. After you click the Layout, be sure that you are in the Page Element, and please add a new gadget by clicking Add a Gadget. See the image below.
    AddaGadjet
  10. In the dialog box, you will have some options. Choose the HTML/JavaScript by clicking the sign plus (+). When the Configuration HTML/JavaScript appears, paste the code of Facebook Profile Badge that you have copied, then click Save
    MY-FB

    For the placement of Facebook Profile Badge, please arrange yourself.

  11. The last step is to see the result of your work by clicking View tab, and now you have Facebook Profile Badge in your blog.

    viewblog

With the Facebook Profile Badge in your blog, your visitors and you can access facebook easily, by only clicking the Facebook Profile Badge. To see the example of Facebook Profile Badge, please click here.

I hope this article will be useful for you.

Related posts:

  1. Tutorial – Yahoo Messenger Status Generator and how to install it in Blogger

3 Responses

no comment ayeuna

04.26.09

Thank you! This tutorial helped me figure out how to remove my email from my Facebook badge which I didn't want published to the whole world when adding the badge to my blog. People like you make the world a better place. Gratefully yours, Jay

04.26.09

My badge does not appear naper ek..

Useful Posts

Subscribe

Insert your email address to receive update from
Website Information and Tutorial

Categories