How to Add Facebook Like Button in WordPress Blog

Not having a Facebook like button in your website means you are certainly not taking the full advantage of the social media power yet. Grab it! By adding Facebook like button in your website, you could easily let your reader connect to your site effortlessly. You can even maximize the benefits by creating a Facebook page and adding content on regular basic which will keep pinging your reader whenever you post new content in your website. Let’s find out add Facebook Like Button in WordPress Blog.

How to add Facebook like button in WordPress blog :-

Basically adding adding Facebook like button is less complicate and easy method. There are some alternatives as well. Easiest way to add is to through plugins. And there are plenty of WordPress plugins available in WordPress plugins directory itself.

Method One : Through Plugins

As we already said its the easiest method and there are bunch of Facebook like plugins button available in web. Sometimes its become bit tough to choose the best one when we have bunch of options. So, here I choose few which are certainly leading the competition because of their performance and attractive look with efficiently coded.

  •  Like  :- Simplest yet effective plugins. One can use this plugins anywhere he wants to.
  • Facebook Like Button  :- Another great one which lets you to place like button on individual post, page, at bottom or at home page. You can even customize the size from the control panel.
  • Facebook Like Box Widgets :- By far the best plugin out there. And I Personally recommend this  plugin to everyone.

Method Two :- Inserting code in your theme file:

  1. Go to your WordPress Theme ‘Editor’.
  2. Select Single Post (single.php) File from right hand Templates Menu.
  3. Then Add the Below mention code in your post loop wherever you want Facebook like button to appear.
<iframe src=”<?php echo urlencode(get_permalink($post->ID)); ? >&amp;layout=standard&amp;show_faces=false&amp;
scrolling=”no” frameborder=”0″ allowTransparency=”true”style=”border:none; overflow:hidden; width:450px; height:60px;”>

        4. You are done.

Method Three :- Inserting JavaScript SDK in your WordPress theme file: –

We highly insist you to use this method because it has farther insights.

Step 1 :-

  1. Open WordPress Theme Editor.
  2. Go to Footer in  ‘Template’ Files menu.
  3. Now insert Below mentioned SDK JavaScript before the </body> closing tag in your theme’s Footer.
JavaScript Code is  :-
<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); = id;js.src = “//”;fjs.parentNode.insertBefore(js, fjs);}(document, ‘script’, ‘facebook-jssdk’));</script>


Step 2 :-

  1. Now Insert the following tag wherever you want your Facebook like button to appear
<div data-send=”true” data-width=”450″ data-show-faces=”true”></div>
For Instances. If you want Facebook like button to appear on your side bar, you need to put that code on Widgets. Here’s how you can do that.
  1.  Go to Widgets
  2. Locate TEXT and drag that to right hand side bar menu
  3. Insert this ” <div data-send=”true” data-width=”450″ data-show-faces=”true”></div> ” tag inside text widgets and click save.
  4. You are Done.
I hope above mentioned methods will help you to add Facebook Like button with out any issues. If you still need any assistance, feel free to ask us in comment section. Have you find out any other Facebook cool plugins? Feel free to share with us as well.

Post By Sujata Das (21 Posts)

Contributor of this blog. If you like what you see here in this blog feel free to connect with me.


Comments (1)
  1. Lasonya December 9, 2014

Leave a Reply

Your email address will not be published. Required fields are marked *