8/10/2012

How To Install Facebook Recommendation Bar

How To Install Facebook Recommendations Bar Widget For BloggerMake up Recommendations Bar - Facebook has issued the latest plugin Facebook Recommendation Bar. Facebook Recommendations Bar allows you to divide your article to Facebook users. It can make your blog get lots of visitors. Plungin Facebook Recommendation Bar is made ​​by Harish Dasari








According to Harish Dasari, How to install plungin Facebook Recommendation Bar is quite simple. You must open a facebook tab. 

1. Login Blogger

2. Template - Edit HTML - click the Expand Widget

3. Copy the code below, then put it after <head>



<!-- 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 -->   


 If you have already carried out, then you follow again the instructions below


2. Click the 'Get Code'

3. Click 'Create a new app'

4. Enter your Blog Title 'App Name' and your blog URL in the 'URL's App', then click 'Continue'

5. CAPTCAH contents, then Submit

6. Click 'Get Code'

7. Copy the JavaScript code in the box below "This script uses the application ID of your application:"

8. Haris then encoded using a tool

9. Blogger Login again

10. -Edit Template HTML - click the Expand Widget Templates

11. Find <body> code using CTRL + F, then paste the code you got earlier, after the body

12. CTRL + F again looking <data:post.body/> code, put the code below after <data:post.body/>


<b:if cond='data:blog.pageType == &quot;item&quot;'><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
 13. Save Template

0 komentar:

Posting Komentar