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 construct a badge to promote a Facebook Page.

This is an instance 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 usage each of the types of "thing" inward 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 inward return, group-owners tin shipping private messages to private members.
The most mutual "thing" for blogs to accept is a Page - as well as a Badge is the tool which Facebook provides to aid you lot to promote a Page on your weblog or other website.


How to construct a badge to promote a Facebook Page

View all your Pages using the arrow drop-down at the real hand correct of Facebook's toobar.
(Facebook run a jeopardy the house for actions similar this from fourth dimension to fourth dimension - you lot may bespeak to await roughly to uncovering 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 select copy-link-location- or whatever phrase your browser uses.   Another is to to popular off 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 accept instructions to launch this from Facebook - but I cannot uncovering whatsoever link to it from my Pages page whatsoever more.)

Choose Page Plugin  / Web.  

Scroll downward the page, as well as laid the options for your badge.  The showtime 1 is critical - the others optional:
  • Facebook Page URL - this needs to last changed to the URL of your page (which you lot copied earlier)
    If you lot accept less than 25 Fans already, as well as then your page's URL volition last something similar http://www.facebook.com/pages//144194435594821 as well as you lot tin teach it past times copying the link from the listing of Pages for your account.
    Once you lot accept to a greater extent than than 25 fans, you lot tin select a  page-url on the Edit Info > Username screen.
  • Tab - the tab on your page that is shown
  • Width - select a value that suits the infinite on your template where you lot desire to position the box.
  • Show faces, exhibit header:  select options that adjust your piece of occupation as well as weblog template
  • Show stream:  this controls whether you lot exhibit posting from the Page within your blog
As you lot select options, the preview at the bottom updates to exhibit what the push volition await like:



When you lot are happy amongst the selections, select 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 amongst the two-part installation needed for the Javascripit, as well as you lot are certain that the visitors you lot desire to target volition accept 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 position 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 encounter a Facebook area, including a Like push as well as whatever other options you lot accept chosen.

This tin last quite a powerful tool:  you lot tin easily usage 2 or iii different combinations on unlike parts of your blog:  1 that has no border, no faces as well as no header but does exhibit a Stream tin effectively await similar a "live" feed from your Facebook page to your blog, spell some other 1 amongst unlike options tin exhibit 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, as well as non the electrical flow post that they are reading.   If you lot desire them to last able to Like your weblog or blog-posts, you lot bespeak to render this alternative separately (and many of your visitors are probable to last confused past times the different).

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


Customizing the code

You tin alter the characteristics of the box without having to generate the code from Facebook again.   For instance you lot tin afterwards the width and/or elevation - exactly retrieve to produce 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 accept exactly quoted this code, as well as said to usage it on your blog.  But I don't commonly produce this when I'm describing how to link Blogger as well as whatsoever 3rd political party product, because it's probable that Facebook (or whoever) volition alter their code inward the future:  it's e'er safest to teach the most up-to-date re-create of the code from the source-site when you lot bespeak it.

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


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

No - non whatsoever more.

At 1 stage, the showtime mensuration 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 promote whatsoever Facebook page that you lot desire to, on your blog.

But last aware that if you lot exhibit the page-feed on your blog, as well as you lot don't ain the page, as well as then you lot accept no command over what is shown.   It's possible that a feed from someone else's Page volition exhibit fabric which breaks Blogger's price as well as atmospheric condition - or which you lot only don't desire on your blog.    For this argue along, I'd recommend exclusively 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 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

0 Response to "Putting A Badge For A Facebook Page Into Your Blog"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel