Facebook Badge Jquery Plugin.
FaceBadge add a badge of your Facebook Page in your site.
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>
click here to see a working demo.