Add Official Facebook Recommendation Widget to your Blog Blogspot

Please Recommend This Story For

A new beta plugin called facebook recommendation like widget is recently introduces by facebook which is specially designed to increase your facebook likes and drives more traffic from face to your blog.After adding the widget to your blog it appears in lower left or right corner(depend upon your wiggetsettings) in bottom.So in this you will see that how you can easily add it to your blog.Now what you have to do just follow the below instructions and you are done.
  Before starting the process remember that for fully functional Facebook recommendation bar every blog must the facebook Open Graph meta tags which you can find on GitHubs gist  and which is below.Now just sign in to your blogger account.

1.Go to Dash board >Design Page >Edit HTML
2.Search for <head> by pressing CTRL +F
3.Add the following code 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 --> 

4.Sign in to your facebook account go to Facebook Developer page and directly click on Get Code 
5.Click on Create a new Application.
6.Enter your Blog name in Application Name and your Blog URL in Application URL and click on continue.
7.In next Tab enter captcha code and submit it.
8.Now click on the Get Code button again.
9.Now copy the 1st JavaScript SDK code not 2nd
10.Go to your Blop Edit HTML page and tick on Expand Template Widget box.
11.Search for <body> by using the fuction CTRL+F and enter the above copied code right after the <body>
Save the template and you are done


Copyright 2008 Seo GrinePK | Converted by Search Engine Optimization | |