FBplus.badge

Alternative facebook badge for pages.

Caution!

Do not use the library on a live site. The library does not work properly. It is a consequence of changes in the facebook policy.

Screenshots

Using

Insert before the closing tag head:

<!-- Include widget styles -->
<link rel="stylesheet" href="css/fbplus.badge.css">

Insert widget code on your page:

<!-- Place this tag where you want the widget to render -->
<div id="FBplusBadge" data-width="240" data-href="https://facebook.com/{page name}" data-rel="page" data-theme="light" data-lang="en"></div>

<!-- Place this tag after the last widget tag -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'js/fbplus.badge.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

See demo as example.

Options

Options can be passed as a data attributes.

Languages

NOTE: this list related to data attribute 'data-lang'.

Supported browsers

Google Chrome, Firefox, Safari, Opera, Internet Explorer 8+

Demo

Demo version here shtange.github.io/fbplus

Publications

Review on Habrahabr (russian language)

License

Released under the MIT License