Monday, 5 November 2012

Add Facebook Like Box Without 'Social Plugin' Footer

Nowadays many bloggers rely upon social networks to make their blog popular and drive traffic. This method works like charm, Blogs with high number of social followers tend to drive more traffic than blogs without social followers. So you must always try to widen your social circles by adding social widgets to your blog so that people can share your articles, follow your blog etc. This will boost your blogs traffic and also help you get more followers.
facebook like box widget
Facebook Like box is a social plugin which lets people Like your Facebook page directly from your website. With this widget you fans will be able to like your page with just one click. The widget is easy to Install and doesn't require any technical skills.
facebook like box without footer
When you generate the widget from Facebook Developers page there are some default attributes set. You can change height, width, colorscheme etc. You can also add/remove header but you cannot remove the footer. With some CSS we can hide the footer and make the widget more attractive.

How to Add Like Box without Footer

Step 1: Go to your Blogger Dashboard > Layout.
Step 2: Click on 'Add a Gadget' and Select HTML/Javascript Widget.
blogger html javascript widget
Step 3: Copy and Paste the following code inside the box.
<div style="max-height:160px; overflow:hidden; background:#FFF;">
    <fb:like-box href="http://www.facebook.com/thearea51blog"
    data-width="300"
    data-height="182"
    data-show-faces="true"
    data-border-color="#D6D6D6"
    data-stream="false"
    data-header="false">
    </fb:like-box>
</div>

<div id="fb-root"></div>

<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
Step 4: Change thearea51blog with your Facebook page Username.
Step 5: Save Widget. 

Hope this was helpful, Please leave your comments below and let me know if you liked this widget. Please share this post and don't forget to like us on facebook.

No comments:

Post a Comment