🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Facebook Badge Jquery Plugin. FaceBadge add a badge of your Facebook Page in your site.

Plugins

Documentation

FaceBadge

Facebook Badge Jquery Plugin.
FaceBadge add a badge of your Facebook Page in your site.

How to use?

Include css style before the tag </head>.

<link rel="stylesheet" href="css/faceBadge.css">

Add a div where the faceBadge will appear

<div class="some-class"></div>

Include Jquery library and plugin call in the footer.

<script src="jquery.js" type="text/javascript"></script> <script src="jquery.faceBadge.js" type="text/javascript"></script>

Below the jquery.faceBadge.js script tag. Add the plugin trigger.

<script>      $(document).ready(function() {         $(".some-class").faceBadge({             pageId: "clubedelutaOficial", //The ID of your paga. aftder facebook.com/             loaderText: "Creating badge...", //Text to show before load all data.             width: 350,             coverHeight: 120, //The height of cover div in the FaceBadge.             showDesc: false, //Show/Hide some text of your Page.             linkToPage: true //add a link direct to your Page in the thumbnail.         });     });  </script>

DEMO

click here to see a working demo.


You May Also Like