Breaking News
recent

How to Add Facebook like Box in Blogger Blog

Social networking websites like Facebook, Twitter and Google+ are providing the custom like and follow boxes which can help bloggers to gain dedicated followers to your blog. 
Now a days, social networking sites became an integral part of blogging. Facebook like box can help you to extend your reach and connect to the audience by proving them a mean to join you on Facebook. Which in turn, will help you to grow traffic on your blog too. 



{Note: You have to edit your Blog's template.It is recommended to take a backup of your Blog. First Click on  your Blogger Dashboard - click on template- click on Backup/Restore and download the template from the pop-up window}

So, let's check- How to Add Facebook like Box in Blogger Blog:
  • Now that you have taken the backup, you are ready for the process. Visit the Facebook Developers.
  • You will see a window like the one shown below.

  • Customize the look and feel, height, width of your Like box from the left window and you can see the changes in real-time on right window.
  • Uncheck the show stream, if you don't want the latest posts with this widget.
  • Uncheck the header checkbox, if you don't want to display "Find us on Facebook"(as you can see on our blog).
  • Once you are done with the customization, click on Get code. It would pop-up a window like the one shown below.

  • Click on Edit template from the Blogger dashboard. Copy the "Code A" from the above window and paste it just after the <body> tag.
  • Now save the template and click the Layout button.
  • Click on add a gadget from your sidebar. Add HTML/JavaScript gadget and Paste the "Code B" in it.
  • Now you are done. Save the arrangement and click on View Blog.
Congrats,you just added a Facebook Like Box on your blog.

If you have any doubts or suggestions. Please comment below.

20 comments:

  1. I am so grateful for your post- I still could not get it to work. ?? You have to edit the facebook page url- right? before you request the code? That was the only thing I changed...

    I am not sure why it is not working...

    ReplyDelete
    Replies
    1. Yes, you have to copy the Facebook Page URL properly. And, then it will generate the code which you need to paste in your Blogger Template and a Gadget. I guess,you might have messed it in pasting the code.

      If you need assistance, I may help you in person also through Team Viewer. Thank you...

      Delete
  2. Hello Ather- thanks for offering me to help me... what is "team viewer"?

    ReplyDelete
    Replies
    1. Team Viewer is a software which helps to remotely control the host computer. You can read about it on Wikipedia. Using this software, I may able to help you configure the Facebook Widget. If you are interested? Thank you...

      Delete
  3. Hi, very nice stuff. I got a doubt I could not find the body tag, can you please assist me ?

    Thanks

    ReplyDelete
    Replies
    1. I managed to do it thanks .

      but mine only got 2 rows how to make it 3 rows like yours please help

      Delete
    2. The number of rows depends on the height you have chosen during Facebook box configuration or on the number of Facebook likes you do have on your page. Thank you. :)

      Delete
    3. thank you for answering so fast

      Delete
  4. Brilliant description, I am bit confused with two types of code, and now doubts are dispelled. Have a nice day.

    ReplyDelete

  5. I am glad to have visited this site. It is a well-designed site and also contains useful information for the visitors. We are a web portal where students check & write reviews for assignments related websites. Here you can check Allassignmenthelp.com reviews

    ReplyDelete
  6. Thanks for this web portal. It contains the information i was searching for and you have also explained it well. We are a website where students check & write reviews for assignments related websites. Here you can check Allassignmenthelp.co.uk reviews.

    ReplyDelete
  7. Congrats on having such well managed site! It has good looks and contains informative content as well.
    We are an online platform where students check & write reviews for assignments related websites.
    Here you can check Allassignmenthelp reviews..

    ReplyDelete
  8. Expert assignment helpers of Allassignmenthelp are well efficient and
    capable of creating unique assignments for college or university students all across the globe.
    Assignment Help

    ReplyDelete
  9. Great knowledge provided in this article. The information in this post is really worthy. I hope you will post more articles. Thanks! accounting help UK

    ReplyDelete
  10. if u are looking best AllAssignmenthelp reviews in US and Australia, we provide best AllAssignmenthelp reviews in US, UK and Australia.

    AllAssignmenthelp reviews
    All Assignment help reviews
    Assignment help reviews
    AllAssignmenthelp.com reviews

    ReplyDelete
  11. Book the best Udaipur tour packages from Balaji tour & traveler. they have professional tour guide.

    ReplyDelete
  12. It's a very easy on the eyes which makes it much more enjoyable for me to come here and visit more often. Did you hire out a designer to create your theme? Fantastic work!
    help with accounting homework

    ReplyDelete
  13. Fantastic blog! Do you have any tips and hints for aspiring writers? I’m planning to start my own website soon but I’m a little lost on everything. Would you propose starting with a free platform like WordPress or go for a paid option? There are so many options out there that I’m completely overwhelmed .. Any suggestions? Many thanks!
    writing help UK

    ReplyDelete
  14. A cutting-edge health website, MagazineZap is committed to equipping people with useful knowledge and ideas on health and wellbeing. People looking for trustworthy health advice and direction can turn to MagazineZap thanks to its user-friendly interface and well curated content.

    ReplyDelete

All rights reserved by TechnoGadgetWorld or TGW. © Copyright protected 2012-2015. Powered by Blogger.