How to add Facebook Like Box on Blogger

11:12 PM
TechMAV's Facebook Like Box

Facebook Like Box is also a key to promote blogs on Facebook pages.  It allows visitors to like our Facebook page by embedding page contents into our blogs, and helps to reach more traffic to your blog. 

Here's how

Step 1 Log-in to Blogger.com, and in the Template section click Edit HTML
Figure 1
Step 2 add this code just below the <body>  tag as shown on figure 2. Click Save template after adding the code .
<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>

Figure 2
 Step 3 In the Layout section  Add Gadget > HTML/JavaScript gadget
Figure 3

Step 4 Paste the code shown below and Click Save after.
<div class="fb-like-box" data-href="http://www.facebook.com/FacebookDevelopers" data-width="The pixel width of the plugin" data-height="The pixel height of the plugin" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>


Important note: Replace the red text ( the url of your Facebook page). You can also change the data-width and data-height , ex data-width="300" data-height = "800"


Tags:

Post a Comment

7 Comments

  1. MahendraNovember 28, 2013 at 10:32 AM

    Thanks for sharing Facebook comment plugin tutorial for blogger.

    ReplyDelete
  2. Sadia RonyJanuary 20, 2014 at 12:23 AM

    Very helpful post. Thanks for sharing.........

    ReplyDelete
    Replies
    1. UnknownMarch 2, 2016 at 12:52 AM

      Your welcome, pls share this with your friends. Thanks

      Delete
  3. UnknownJanuary 7, 2016 at 3:18 AM

    http://www.crazybulkreviews.com.au/
    Crazy Bulk Australia 100% Safe and Legal Steroids
    Crazy Bulk is 100% safe and legal alternate steroids available in market right now. With 100% success rate and excellent muscle building effects from day 1

    ReplyDelete
  4. UnknownMarch 26, 2016 at 11:37 AM

    skype : gurami1661 please halp me admin :((

    ReplyDelete
  5. WisataApril 5, 2016 at 2:42 PM

    Nice post :)
    Visit my blog too Facebook like

    ReplyDelete
  6. RezolvexApril 12, 2023 at 12:31 AM

    hy
    really informative post . thanks for sharing.
    The Petship

    ReplyDelete