Add Facebook Recommendations Bar To Blogger
As we all know facebook is the most popular social networking site in the world. And it can play a veri important role to drive more traffic to your blog or website. Now a days social marketing is on boom and many of companies utilizing it for marketing their products or content. Marketing on facebook can be a great way to build your audience if you are using it in a right way and for doing this facebook provides various ways like Facebook like box, Facebook comments, Facebook like button etc and believe me after adding Social elements to your website you will able to get more traffic or visitors to your website. Today in this article we will learch how to add fcebook recommendtion bar to blogger. This widget is very useful to drive traffic from Facebook.
How To Add Facebook Recommendation Bar ?
For Adding facebook recommendtion br to blogger follow these simple steps that are given below ::Step 1 - Crete a Facebook Application AppID ::
For creating a facebook app :
- Goto Facebook Developer Page
- Click on Create New App
If there is no Create New App Button then click on Login as Facebook Developer
Step 2 - Give a Name to your App ::
After clikcing on create new app button a small popup will open and in that pupup you need to :
- fill information about your facebook app and click on Continue button.
- Enter the captcha security code. click Submit
Step 3 - Fill the Information ::
You are app is almost complete. You need to click on Website with Facebook Login tab and enter your blog or website' url inside the box.You can see the screenshot below. And make sure there is no need to touch remaining options and now click on Save Changes.
Now you will redirected on a new page which would provide you your application details like App ID, App name and etc. You need to copy these keys and enter them later.
And One more thing is left to visible you app to all user please follow this
Before
After
Adding Recommendations Bar To Your Blog ::
Follow these steps to add the bar to Blogger:- Go to Blogger > Template
- Backup your template (important)
- Click Edit HTML
Search fot this ::
<HTML
and replace it with :<HTML xmlns:fb='http://ogp.me/ns/fb#'
Now search for this ::
<body>
and just below this tag paste the following code that is given below ::<div id='fb-root'/>
<script>
//<![CDATA[
<script>
//<![CDATA[
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=***************";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=***************";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<b:if cond='data:blog.pageType == "item"'><b:if cond='data:blog.pageType != "static_page"'><div style='z-index:999999; position:absolute;'>
<fb:recommendations-bar action='like' max_age='0' num_recommendations='3'read_time='10' side='right'
site='http://www.alltechmantra.com' trigger='40%'/></div>
</b:if></b:if>
</script>
<b:if cond='data:blog.pageType == "item"'><b:if cond='data:blog.pageType != "static_page"'><div style='z-index:999999; position:absolute;'>
<fb:recommendations-bar action='like' max_age='0' num_recommendations='3'read_time='10' side='right'
site='http://www.alltechmantra.com' trigger='40%'/></div>
</b:if></b:if>
- Replace *************** with your saved 15 digit App Id.
- Replace http://www.alltehmantra.com with your blog link
- Save your Template and done..:-)
From the Editor’s Desk
So friends this is all about How To add Facebook Recommendation Bar to your Blogger Blog. If you have any problem regrding this feel free to ask me via comments and if you found this article useful aand interesting then do not forget to share it. Hope you like it...:-)
Thankyou for giving your time.
Add Facebook Recommendations Bar To Blogger
Reviewed by Team tt24
on
10:58 PM
Rating:
Reviewed by Team tt24
on
10:58 PM
Rating:
No comments: