Facebook Recommendations Bar For Blogger

Today i am tell you about how to add facebook recommendations bar for blogger . its also help you to increase your traffic . with the help of this your pageviewrs see the posts who was like other pageviwers most . in this a like button was also fixed . its help you to take more likes on your post because if any visitor click on like button your post was automatically liked by his/her facebook id . then its friends was also see that what they was like and open your post means its a type of sharing . with the help of this your your pageviewer see what thier friend like on your blog . so they was also see one more post on your blog its a human nature .

How To Add Facebook Recommendations Bar For Blogger ?

Step 1. Create a Facebook app .

Why Facebook app ?

Because this is a facebook plugin . for this its important to make a facebook app .

To create facebook app follow this steps :

1. Go to Facebook Apps .

2. Click on create new app button on right-top .

3. Popup window was open write here your blog name or any name in app name , leave other options and click continue .

4. Enter the security code and click submit .
5. your app is almost comlete . Just click on website with facebook login and put your blog URL. ( see in screenshot ) don't click on any other options .

6. Click on save changes .

Your Facebook app was created.

Step 2 : Now add Recommendations Bar on your blogger .

1. Go to Blogger > Template .
2. Backup Your template .
3. Go to Edit HTML.
4. Find

<html

5. Replace with this code

<html xmlns:fb='http://ogp.me/ns/fb#'

6. Now Find . ' <body> ' and paste full code after it . if you can not find then find ' <body ' .

<div id='fb-root'/>
<script>
//Facebook Recommendation bar by www.thetricksfree.com
//<![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'));
//]]>
</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.thetricksfree.com' trigger='40%'/></div>
</b:if></b:if>

Almost Done !! ..
Change this things .

Replace *************** with your app id who was present in your facebook app
and replace http://www.thetricksfree.com this your blog URL .

You can also change .

recommendations='3' : set how many articles you want to disply .
side='right' : you can also change side of your Recommendations Bar .

For Gud work paste this code just after <head> with your meta tags .

<meta content='article' property='og:type'/>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>

Finally your Facebook Recommendations Bar was add in your blogger . Go on your blog scroll down page 40 to 50% see on bottom-right.

Enjoy Blogging !!
If you have any Dought feel free and ask any time in comment .

Search

Latest Templates

Template

Popular Posts

Templates

Support Us