How to Show Facebook Fan / Like Box on Blogger (Step Wise Tutorial)

By -
Social media as we have already said can work as most effective traffic driver for your blog. When we talk about social media, the first thing that comes to our mind is facebook, the most preferred social networking site. Creating a fan page let's your page followers to know about the latest updates in their notifications section. This box also displays faces of the "likers" on your blog.  The first and foremost thing to have fan/like box on your blog is that you should already possess a Facebook fan page. If you haven't yet created, Create a Facebook Fan Page.

How to Create a Facebook Like Box

  1. Visit your facebook page and copy the URL from address bar at the top of your browser. See the screenshot below, to know how exactly the URL looks like.

    Note: URL may also contain some numbers
  2. Then visit the page: https://developers.facebook.com/docs/plugins/page-plugin
  3. Paste the copied URL in step1, in "Facebook Page URL" field as shown in the screenshot. Fill in other details as required to adjust the looks of your fan box (A preview will be shown to you when you will enter the details). In the "Tabs" field, you can fill one of these: timeline (filled in by default), events and messages. 

    Cnfiguring Looks of Facebook Like Box
    • Timeline tab will allow you to show the most recent posts of your Facebook Page timeline. We suggest you to use this tab.
    • Events tab will allow people to follow your page events and subscribe to events from the plugin. We suggest to use events tab.
    • Messages tab will allow people to message to your Facebook page directly from your blog (User need to be logged in to fb to use this feature).
  4. When you are satisfied with the looks of your fan box, Click on the blue button saying "Get Code".
  5. You will get two codes: XFBML and IFRAME. The one you will need is iFrame. Select and copy the code generated.

    Copy the Selected Code as Shown in this Screenshot
  6. Now login to your Blogger account, go to Layout  and  Click on "Add a Gadget" link in blue. 

    Layout Page of Blogger Looks like this
  7. In the Pop-up window find and select "HTML/JavaScript" gadget. 

    This image shows how to write HTML/JavaScript to create a gadget in Blogger.
    Click on "+" Symbol Adjacent to HTML/JavaScript
  8. Enter the title of the new gadget , as you want. It can be "Facebook Followers". And Paste the code copied in step5 in the empty HTML box on your screen. 

    Configuring HTML/JavaScript
  9. Click on button saying "Save". The dialog box will disappear.
  10. Now you will be back on your Blogger Layout page. Click on the button saying "Save Arrangement" at the top right corner. 

    Click on "Save arrangement" Button on Layout Page of Blogger
  11. You are now done with the process. Visit your blog. Enjoy!

Stay tuned to our Blogging tips section for more info. Thanks for reading. Our first priority is reader's satisfaction. 

Comments

Post a Comment

Popular posts from this blog

Remove All hatom and BlogPosting Structured Data Errors from Blogger Blog

By -
Are you experiencing hatom structured data errors in Google Search Console ? Most of the bloggers are facing these problems. These errors does not have any impact on blog's performance but these errors should not exist more in your blog to make a healthy site. Structured data is used to display the site in a better manner on major search engines result pages. You can check the errors on your blog using Google webmasters tool called Structured Data Testing Tool .   This post will be covering procedures to fix all the structured data errors in blogger, such as: missing: author missing: updated missing: entry-title The property image_url is not recognised  The property blogId is not recognised The property postId is not recognised A value for the headline field is required A value for the image field is required The DateModified field is recommended. Please provide the value if available. The MainEntityOfPage field is recommended.  Please provide the value i
Read more

How To Succeed In A Start-Up

By -
Image
Entrepreneurship! Business! Idea! Start-Ups! If you ask me what glows the most in 2k16, then here is my answer. The above four words.  An interesting study reveals that for every 10 students in Indian Engineering colleges, 5 of them has a goal to settle down with a job after their graduation, 2 of them has a start-up  idea(which they think, is the most revolutionary thing a human brain can think), while the rest  2 continuously fluctuates among the above two categories(frankly! I belong to the third category). “Entrepreneurship” and “Start-Ups” succeeded to make their stand in the “Top 500 keywords” searched on Google from August 2015 to December 2015 (in India)—another interesting fact revealed. If you are having an idea and don’t know how to proceed towards the first stair of your dream, then this is the post especially for you. Each year many start-ups get launched. Some of them survive others not. Therefore, in order to reach great heights in market, you must know t
Read more

Body Grooming And Styling For Men

By -
Image
Got grooming problems? Don't know how to solve it? Love to have facial hairs, but not getting them the right way you want? What kind of sunglasses will suit your personality? and  many other such problems you have, then you have reached to the right place, seeking solutions. Well, no need to worry more about it . We will solve your problem as if it never occurred to you. We know how difficult it is to visit multiple pages on net, do the research and jotting down the notes which ultimately lead us to nothing but only confusion. In this post, we have tried to provide all the necessary information men need to know about grooming, within one article.  If you want to look good, look like a man (kind of gentle one), then you need to do manscaping , it adds up to your personality.... Can you think of why the wooly-mammoth got extinct?? Probably because he didn't knew about grooming (ha ha). Nice one, isn't it?   1)   What Should Be on Men's Grooming Checkli
Read more