Facebook Introduced their brand new social social plugin called Facebook Recommendations Bar. It is Beta Plugins. In this tutorial, we go to learn how to install Facebook Recommendations Bar in Blogger, Wordpress Blogs And Websites. This widget is more helpful to drive traffic from Facebook with and instant likes and related posts.
Preview
OR
You can take a look at Right Bottom of this Page and see it’s action in Live!
How to Install the Official Facebook Recommendations Bar Widget?
In order to work the Facebook Recommendations Bar every blog should must have the Facebook Open Graphs meta tags.
I found the simplest and Working Facebook Open Graphs tags on GitHub gist. Thanks topathawks.!
I found the simplest and Working Facebook Open Graphs tags on GitHub gist. Thanks topathawks.!
Add the Following code after
- First Go to Facebook Recommendations Bar Official Page.
- Directly click the Get Code Button.
- Click on Create a new app Link
- Enter the App Name with your Blog Title and App URL with your Blog URL, like as below and Click Continue button.
- Enter Captcha Code Correctly and Click Submit button
- Then Click the Get Code Button once again.
- Copy the First JavaScript SDK code (First Box Code)
- Login to New Blogger Dashboard > Choose your Blog and Click the More OptionsDropdown
- Select the Template > Click on Edit HTML > Proceed
- Check/Tick the Expand Template Widgets checkbox
- Search for
tag and place the Copied code Aftertag. - Facebook Recommendations Bar Customizations:
You can customize the Facebook Recommendations Bar settingsSearch for<b:if cond='data:blog.pageType == "item"'><div class="fb-recommendations-bar" data-trigger="onvisible" expr:data-href="data:post.url" data-read-time="30" data-action="like" data-side="right" expr:data-site="data:blog.homepageUrl" data-num-recommendations="2">div>b:if> - Save the Template, Enjoy
Please drop your comments and share this post.
Facebook Introduced their brand new social social plugin called Facebook Recommendations Bar. It is Beta Plugins. In this tutorial, we go to learn how to install Facebook Recommendations Bar in Blogger, Wordpress Blogs And Websites. This widget is more helpful to drive traffic from Facebook with and instant likes and related posts.
Preview
OR
You can take a look at Right Bottom of this Page and see it’s action in Live!
How to Install the Official Facebook Recommendations Bar Widget?
In order to work the Facebook Recommendations Bar every blog should must have the Facebook Open Graphs meta tags.
I found the simplest and Working Facebook Open Graphs tags on GitHub gist. Thanks topathawks.!
I found the simplest and Working Facebook Open Graphs tags on GitHub gist. Thanks topathawks.!
Add the Following code after
- First Go to Facebook Recommendations Bar Official Page.
- Directly click the Get Code Button.
- Click on Create a new app Link
- Enter the App Name with your Blog Title and App URL with your Blog URL, like as below and Click Continue button.
- Enter Captcha Code Correctly and Click Submit button
- Then Click the Get Code Button once again.
- Copy the First JavaScript SDK code (First Box Code)
- Login to New Blogger Dashboard > Choose your Blog and Click the More OptionsDropdown
- Select the Template > Click on Edit HTML > Proceed
- Check/Tick the Expand Template Widgets checkbox
- Search for
tag and place the Copied code Aftertag. - Facebook Recommendations Bar Customizations:
You can customize the Facebook Recommendations Bar settingsSearch for<b:if cond='data:blog.pageType == "item"'><div class="fb-recommendations-bar" data-trigger="onvisible" expr:data-href="data:post.url" data-read-time="30" data-action="like" data-side="right" expr:data-site="data:blog.homepageUrl" data-num-recommendations="2">div>b:if> - Save the Template, Enjoy
Please drop your comments and share this post.
by Jillur Rahman
Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.
Follow him @ Twitter | Facebook | Google Plus
No Comment