News!! Putting A Badge For A Facebook Page Into Your Blog

This article describes making a Facebook badge to promote your page, as well as putting it onto your blog.

What is a Facebook page

This article is close how to build a badge to promote a Facebook Page.

This is an event of the "follow me" approach to linking your weblog as well as the social networks, although for Facebook pages your reader becomes a Fan rather than a Friend.

Many people are confused close when they should exercise each of the types of "thing" inwards Facebook, ie

• Profiles - accounts for flesh-and-blood, living, breathing, private people
• Pages - for websites, brands, as well as organisations that don't desire to approve all their Facebook members
• Groups -  for organisations that desire to approve private members who bring together (and inwards return, group-owners tin ship private messages to private members.

The most mutual "thing" for blogs to bring is a Page - as well as a Badge is the tool which Facebook provides to assist you lot to promote a Page on your weblog or other website.

How to build a badge to promote a Facebook Page

View all your Pages using the arrow drop-down at the real overstep correct of Facebook's toobar.
(Facebook jeopardy the house for actions similar this from fourth dimension to fourth dimension - you lot may postulate to await roughly to discovery your pages.)

Copy the URL for the Page you lot desire to promote
(One agency is to correct click on its name, as well as guide copy-link-location- or whatever phrase your browser uses.   Another is to to choke the page, as well as re-create the URLfrom your address bar.)

Come dorsum to this article as well as click  here --- Facebook Social Plugins, to accomplish Facebook's tools.
(I used to bring instructions to launch this from Facebook - but I cannot discovery whatever link to it from my Pages page whatever more.)

Choose Page Plugin  / Web.  

Scroll downwards the page, as well as laid the options for your badge.  The start 1 is critical - the others optional:

• Facebook Page URL - this needs to hold upward changed to the URL of your page (which you lot copied earlier)
  If you lot bring less than 25 Fans already, therefore your page's URL volition hold upward something similar http://www.facebook.com/pages//144194435594821 as well as you lot tin larn it past times copying the link from the listing of Pages for your account.
  Once you lot bring to a greater extent than than 25 fans, you lot tin guide a  page-url on the Edit Info > Username screen.

• Tab - the tab on your page that is shown

• Width - guide a value that suits the infinite on your template where you lot desire to set the box.
• Show faces, demonstrate header:  guide options that accommodate your piece of employment as well as weblog template
• Show stream:  this controls whether you lot demonstrate posting from the Page within your blog

As you lot guide options, the preview at the bottom updates to demonstrate what the push volition await like:

When you lot are happy alongside the selections, guide Get Code.

• Currently, at that topographic point are options for an iframe or Javascript SDK:   I recommend using the iframe, unless you lot are comfortable alongside the two-part installation needed for the Javascripit, as well as you lot are certain that the visitors you lot desire to target volition bring Javascripti enabled. 

Copy the code provided

Install the code into your weblog - at that topographic point several options for installing the HTML, depending on where you lot desire to set the badge or button.


Job Done!   Your weblog volition at nowadays display a gadget that promotes the selected Facebook page - people tin sentiment as well as similar your Page from within your blog.

What your visitors volition see

People who see your weblog through a web-browser volition come across a Facebook area, including a Like push as well as whatever other options you lot bring chosen.

This tin hold upward quite a powerful tool:  you lot tin easily exercise 2 or iii different combinations on dissimilar parts of your blog:  1 that has no border, no faces as well as no header but does demonstrate a Stream tin effectively await similar a "live" feed from your Facebook page to your blog, spell some other 1 alongside dissimilar options tin demonstrate off the size of your fan-base.

Be aware that the Like push shown inwards this push gives people the alternative to Like your Page inwards facebook  - non your weblog directly, as well as non the electrical current post that they are reading.   If you lot desire them to hold upward able to Like your weblog or blog-posts, you lot postulate to render this alternative separately (and many of your visitors are probable to hold upward confused past times the different).

As always, people who read your weblog via a feed reader (Bloglines, Google Reader, etc), or past times electronic mail subscription (eg having used follow-by-email) may non come across the Facebook item, depending on where is places as well as what options their electronic mail plan has.

Customizing the code

You tin alter the characteristics of the box without having to generate the code from Facebook again.   For event you lot tin after the width and/or elevation - exactly shout out upward to produce it inwards both of the places required if you lot are using the iframe option:

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2F%2F144194435594821&amp;width=160&amp;colorscheme=light&amp;show_faces=false&amp;border_color=purple&amp;stream=true&amp;header=false&amp;height=395" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:160px; height:395px;" allowTransparency="true"></iframe>

fyi, I could bring exactly quoted this code, as well as said to exercise it on your blog.  But I don't commonly produce this when I'm describing how to link Blogger as well as whatever 3rd political party product, because it's probable that Facebook (or whoever) volition alter their code inwards the future:  it's ever safest to larn the most up-to-date re-create of the code from the source-site when you lot postulate it.

The facebook page where you lot larn the code from also has to a greater extent than information close controls you lot tin laid inwards the code, too.   Check it out for to a greater extent than information.

Do you lot postulate to ain the page you lot desire to promote?

No - non whatever more.

At 1 stage, the start measuring inwards these instructions was to

"Log into Facebook alongside a profile (ie personal account) that has administrator rights for the page you desire to promote."

But that's no longer necessary.   You tin promote whatever Facebook page that you lot desire to, on your blog.

But hold upward aware that if you lot demonstrate the page-feed on your blog, as well as you lot don't ain the page, therefore you lot bring no command over what is shown.   It's possible that a feed from someone else's Page volition demonstrate cloth which breaks Blogger's damage as well as weather - or which you lot only don't desire on your blog.    For this argue along, I'd recommend alone promoting your own, or closely trusted, pages on your blog.

---

Related Articles

Putting HTML from a third-party into your blog

How the information inwards Blogger blogs is organised

Linking Blogs as well as Websites

Tools for linking Blogger as well as the Social Networking sites

Putting a Facebook "share this" push on your blog

Copyright, Blogs as well as Bloggers

Why RSS / Subscribe to Posts is of import for bloggers

Tweet

Subscribe to receive free email updates: