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.