Facebook recommended/like bar for blogger

How to add Facebook posts recommended bar for blogspot/

add Facebook posts Like bar for blogspot

1. Adding Open Graphs meta tags

To make Facebook Recommendations Bar run, your blog must contain Open Graphs meta tags. Therefore, you must insert the below code affter <head> tag

Data provided by Pastebin.com - Download Raw - See Original

<!-- Begin Open Graph metadata -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

        <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='&quot;en_US&quot;' property='og:locale'/>

<meta expr:content='data:blog.canonicalUrl' property='og:url'/>

<!-- End Open Graph metadata -->

Note: Just add this code. It won't be hamful to your SEO code.

2. Adding plugin widget code

a) Go to Facebook Recommendations Bar Official Page.

b) Pree Get code (the first time)

c) Click create a new app

d) Fill in the App Name your blog name and App URL is your blog address. Press "continue"

e) Fill in th Capcha and press Submit

f) Press Get code again

g) Copy the first code JavaScript SDK code (First Box Code)

h) go to > Edit HTML

i) Fill the code that you have just copied affter the <body> tag

3. Customizing

and insert the below code affter <data:post.body/>

Data provided by Pastebin.com - Download Raw - See Original

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class="fb-recommendations-bar" 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>

You can customize number of related posts to show, position of bar (right/left)..…

data-read-time – waiting time before widget pop up. (30s by default. The smallest number of seconds is 10s)

data-action – you can choose 'like', or 'recommend'

data-side – Position of widget: 'left' or 'right'

num_recommendations – Number of posts to show. Maximum: 5 posts

All the best,
Hồng Hòa Vi

Source: http://blog.nguoiaolam.net/2012/06/widget-bai-viet-lien-quan-facebook.html#.UDhiX0hKNpj

BÀI MỚI NHẤT

Facebook recommended/like bar for blogger

1. Adding Open Graphs meta tags

2. Adding plugin widget code

3. Customizing

Đăng nhận xét

GIÁO XỨ LỘC THỦY

Author Name

Biểu mẫu liên hệ