In this tutorial, we go to learn how to install Facebook Recommendations Bar in Blogger Blogs.So Follow the Below Steps to Add this Widget to Blogger.
If you want to make this bar widget then you need to add below script to your blog.So Add the Below Code below <head> Section.
<!-- Official Code By Facebook -->
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='"en_US"' property='og:locale'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<!-- Official Code By Facebook -->
After Adding this Above Code Now Follow the Below Steps:..
Now Go to Facebook Developers Page
Now Click on Get Code.
Now Click on Create a New App Link
Now Fill out the Captcha and Once again Click on Get Code
Now After Doing the Above Task..Just Copy the Javascript Code from the Dialog Box
Now After Copying go to Blogger
- Login to New Blogger Dashboard > Choose your Blog and Click the More Options Dropdown
- Select the Template > Click on Edit HTML > Proceed
- Check the Expand Template Widgets checkbox
- Search for
<body>tag and place the Copied code After<body>tag.
Preview of the Bar :.
0 comments: