[HOW TO] ADD Facebook Recommendation Widget to your Blog/Blogspot
Facebook new social plugin Facebook Recommendation Widget is now available for the blog. This Recommendation bar widget helps to increase the Facebook likes and traffic. It shows the related posts in the bar widget. The Recommendations bar widget you may see it in the right bottom of this blog.
Now to use this widget just follow the few steps and you can get it in your blog.
<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'/> <!-- End Open Graph metadata -->
2. Now Go to the Official Facebook Recommendations Page.
Help know this to your friends and hope for your feedback about the post.
Now to use this widget just follow the few steps and you can get it in your blog.
- First you should have Facebook Open Graphs meta tags. Add the Open Graphs meta tags code given below to your blog. Copy and paste the code below the <head> tag in the HTML Editor of your blog.
<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'/> <!-- End Open Graph metadata -->
The Recommendations Bar Widget Seems like this:
3. Click the get code button and you will get the HTML5 code .
4. Now click on create a new app button as seen below and create a new app.
5. Now go to your blog and edit any one of the Gadget and paste the code of that you have got after clicking the get code as shown in step 3 and 4.
6. Paste the code any where in the HTML Editor of your blog. Go to the Official Facebook Developers Page and Select your App ID
7. Paste it and change the url of your blog. To Select the App ID
8. Now Save your template and view the blog you will find the Facebook Recommendation bar widget on your blog.
Help know this to your friends and hope for your feedback about the post.
Moreover if you your facebook Sidebar will Disappear go through the this Problem in Facebook Sidebar.
Hope this Helps!
RefreshIt
[HOW TO] ADD Facebook Recommendation Widget to your Blog/Blogspot
![[HOW TO] ADD Facebook Recommendation Widget to your Blog/Blogspot](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA4GB7k3GwDZLUvJBfMSqXgb0CxD0GpYOPpd5Ae75NHBguz3zWjxPnJmBU8grCTpAwRW55EI9TQqpldTs16tHc_5C0gFvcimB-ZnZcTTr3ZtDb882l5RLIQipGxlXb3nmIInjJ7UymYRlm/s72-c/wid.JPG)
Reviewed by RefreshIt
on
4:34:00 PM
Rating:
Reviewed by RefreshIt
on
4:34:00 PM
Rating:
No comments: