How to add Facebook like box on Blogger?

By , Comment
Share on Facebook Tweet on Twitter

Facebook like box(page plugin) code for Blogger/Blogspot

How to add Facebook like box on Blogger or Blogspot website. How to embed Facebook page plugin on Blogger or Blogspot website. Facebook like box(page plugin) code for Blogger/Blogspot


Hello Friends, Here I am going to tell that how can you add Facebook Like Box to your Blogger web page.
Basically Like Box is an effective website widget only for Facebook Pages. It allows admins to promote their Pages and embed a simple feed of content from a Page into other sites.

Also check this: How to add social icons widget on website or blog?
The height of the plugin in pixels. The default height varies based on a number of faces to display, and whether the stream is displayed. With stream set to true and 10 photos displayed (via show_faces), the default height is 556px. With stream and show_faces both false, the default height is 63px. The stream is always 300px so if you have it enabled, you need to make sure there is enough height for any other elements, e.g. footer, header. The absolute URL of the Facebook Page that will be liked. This is a required setting.

Add  Facebook Like Box Script Code

  • Log on www.blogger.com
  • Click on Layout
  • Click on Add a Gadget
Add Facebook Like Box
  • Select HTML/JAVASCRIPT
Add HTML/JAVASCRIPT
    <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/sdk.js#xfbml=1&version=v2.8&appId=927146867372652";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/howtolearntv/" data-small-header="false" data-adapt-container-width="false" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/howtolearntv/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/howtolearntv/">My College Life</a></blockquote></div>
  • Edit the code with replacing page name which is yellow marked in script code and adjust the height and width according to your Blogger Templates requirement.

    Tags: Add Facebook Like Box on Blogger, Blogger Fan page, add fan page like box on blogger, Facebook like box on blogger website.



    0 comments

    Comment Now

    Please note before commenting on this page.
    1. Don't comment as for advertisement purpose.
    2. Don't hyperlink your website inside comment box.
    3. Abuses are strictly prohibited.
    4. If necessary, you can post the only URL without any text hyperlink.