Putting A Badge For A Facebook Page Into Your Blog

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

What is a Facebook page

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

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

Many people are confused nigh when they should usage each of the types of "thing" inward Facebook, ie
  • Profiles - accounts for flesh-and-blood, living, breathing, private people
  • Pages - for websites, brands, together with organisations that don't desire to approve all their Facebook members
  • Groups -  for organisations that desire to approve private members who bring together (and inward return, group-owners tin travel ship private messages to private members.
The most mutual "thing" for blogs to convey is a Page - together with 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 transcend correct of Facebook's toobar.
(Facebook run a endangerment the house for actions similar this from fourth dimension to fourth dimension - you lot may quest to await around to notice your pages.)

Copy the URL for the Page you lot desire to promote
(One means is to correct click on its name, together with pick out copy-link-location- or whatever phrase your browser uses.   Another is to to decease the page, together with re-create the URLfrom your address bar.)

Come dorsum to this article together with click  here --- Facebook Social Plugins, to hit Facebook's tools.
(I used to convey instructions to launch this from Facebook - but I cannot notice whatsoever link to it from my Pages page whatsoever more.)

Choose Page Plugin  / Web.  

Scroll downwards the page, together with laid the options for your badge.  The kickoff 1 is critical - the others optional:
  • Facebook Page URL - this needs to endure changed to the URL of your page (which you lot copied earlier)
    If you lot convey less than 25 Fans already, thence your page's URL volition endure something similar http://www.facebook.com/pages//144194435594821 together with you lot tin travel instruct it yesteryear copying the link from the listing of Pages for your account.
    Once you lot convey to a greater extent than than 25 fans, you lot tin travel pick out a  page-url on the Edit Info > Username screen.
  • Tab - the tab on your page that is shown
  • Width - pick out a value that suits the infinite on your template where you lot desire to seat the box.
  • Show faces, present header:  pick out options that conform your role together with weblog template
  • Show stream:  this controls whether you lot present posting from the Page within your blog
As you lot pick out options, the preview at the bottom updates to present what the push volition await like:



When you lot are happy amongst the selections, pick out Get Code.
  • Currently, at that spot are options for an iframe or Javascript SDK:   I recommend using the iframe, unless you lot are comfortable amongst the two-part installation needed for the Javascripit, together with you lot are certain that the visitors you lot desire to target volition convey Javascripti enabled. 



Copy the code provided

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


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


What your visitors volition see

People who see your weblog through a web-browser volition meet a Facebook area, including a Like push together with whatever other options you lot convey chosen.

This tin travel endure quite a powerful tool:  you lot tin travel easily usage 2 or 3 different combinations on dissimilar parts of your blog:  1 that has no border, no faces together with no header but does present a Stream tin travel effectively await similar a "live" feed from your Facebook page to your blog, spell some other 1 amongst dissimilar options tin travel present off the size of your fan-base.

Be aware that the Like push shown inward this push gives people the alternative to Like your Page inward facebook  - non your weblog directly, together with non the electrical flow post that they are reading.   If you lot desire them to endure able to Like your weblog or blog-posts, you lot quest to furnish this alternative separately (and many of your visitors are probable to endure confused yesteryear the different).

As always, people who read your weblog 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 together with what options their e-mail plan has.


Customizing the code

You tin travel modify the characteristics of the box without having to generate the code from Facebook again.   For instance you lot tin travel afterward the width and/or transcend - exactly recall to create it inward 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 convey exactly quoted this code, together with said to usage it on your blog.  But I don't ordinarily create this when I'm describing how to link Blogger together with whatsoever 3rd political party product, because it's probable that Facebook (or whoever) volition modify their code inward the future:  it's e'er safest to instruct the most up-to-date re-create of the code from the source-site when you lot quest it.

The facebook page where you lot instruct the code from also has to a greater extent than information nigh controls you lot tin travel laid inward the code, too.   Check it out for to a greater extent than information.


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

No - non whatsoever more.

At 1 stage, the kickoff measurement inward these instructions was to
"Log into Facebook amongst a profile (ie personal account) that has administrator rights for the page you desire to promote."

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

But endure aware that if you lot present the page-feed on your blog, together with you lot don't ain the page, thence you lot convey no command over what is shown.   It's possible that a feed from someone else's Page volition present cloth which breaks Blogger's damage together with atmospheric condition - or which you lot exactly don't desire on your blog.    For this argue along, I'd recommend solely promoting your own, or closely trusted, pages on your blog.




Related Articles

Putting HTML from a third-party into your blog

How the information inward Blogger blogs is organised

Linking Blogs together with Websites

Tools for linking Blogger together with the Social Networking sites

Putting a Facebook "share this" push on your blog

Copyright, Blogs together with Bloggers

Why RSS / Subscribe to Posts is of import for bloggers
Post a Comment (0)
Previous Post Next Post