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 == "item"'>
<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='"en_US"' 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
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
0 comments
Post a Comment