Sunday, May 7, 2017

Adding Facebook Page Badge in Blogger Sidepane

You can add Facebook Page badge in Blogger via Facebook iFrame code if you don't get favorable gadget to add.


In Facebook Side

  1. Go > https://developers.facebook.com/docs/plugins/page-plugin. (You can also can reach the same location visiting number of pages. Go https://www.facebook.com/badges, click "Get Social Plugins", click "Page Plugin".)
  2. Provide Page address, expected width (I have provided 250), height, check/uncheck required option as per requirement.
  3. Click "Get Code". Select "IFrame", and copy the code.
Picture: Facebook Page Plugin Area in Facebook

Picture: Java/HTML Code Box in Blogger

In Blogger Side

  1. Login to your blogger account, click "Layout".
  2. Click "+ Add a Gadget"
  3. Find and click "HTML/JavaScript".
  4. A new window will appear. provide a heading, example: "ABCD Facebook Page".
  5. Now, paste the IFrame code which has been copied from Facebook.
  6. Click Save, and see preview.
Picture: Sample outcome in right pane of your blogger page
Please share your feedback to below comment box, like the Facebook page and tweet (all given side panel).



No comments:

Post a Comment