{"id":94,"date":"2012-08-29T15:32:00","date_gmt":"2012-08-29T15:32:00","guid":{"rendered":"http:\/\/www.heerentanna.com\/2012\/08\/29\/how-to-add-facebook-recommendation-bar-to-right-botton-corner-in-blogger\/"},"modified":"2022-09-02T15:41:57","modified_gmt":"2022-09-02T10:11:57","slug":"facebook-recommendation-bar-blogger","status":"publish","type":"post","link":"https:\/\/www.heerentanna.com\/blog\/facebook-recommendation-bar-blogger.html","title":{"rendered":"How To Add Facebook Recommendation Bar To Right Botton Corner In Blogger?"},"content":{"rendered":"
\n
\n
\n
\"\"<\/a>Internal Links play a very important roll for any website. there are many ways to by which you can add internal links in your blog. One of the, is recommendation bar. Recently facebook launch feature of recommendation bar. It will show related recommended links of your blog on right bottom side.This post is all about how to add facebook recommendation bar to blogger blog.
\nFor the purpose of adding facebook recommendation bar to your blog. you must need to create facebook application. If you already have facebook application than copy application id it will require letter.<\/p>\n

Create Facebook Application<\/h4>\n<\/div>\n

Step 1:<\/b> Go to Facebook Application Page<\/a>.<\/b>
\nStep 2:<\/b> Click on “Create New App”<\/b>.
\nStep 3:<\/b> One popup appear in which you required to Write “App Name<\/b>” and click on “Continue<\/b>” Button.<\/p>\n

\"\"<\/div>\n<\/div>\n

Step 4<\/b>: Now fill up the details<\/b> ( See following Screenshot )<\/p>\n

\"\"<\/div>\n<\/div>\n

Step 5:<\/b> Save changes<\/b> that set your FB App ID is Creaded. Now copy your App ID.(Find App Id : In above screenshot highlighted text is my application id, you need to copy your own id.)<\/p>\n

Facebook Recommendation bar\u00a0 for blogger.<\/h4>\n

Step 1:<\/b> Login<\/b> into your blogger account.
\nStep 2:<\/b> backup<\/b> your template. ( How to backup your blogger template? )
\nStep 3:<\/b> Now select Template<\/b><\/i> > Edit HTML<\/b><\/i> > Proceed<\/b><\/i> button.
\nStep 4:<\/b> Find <head><\/b> tag by pressing Ctrl+F, and past following code below it.<\/p>\n

\n
<!-- Begin Open Graph metadata --><\/span>\r\n<b:if<\/span> cond<\/span>='data:blog.pageType == &quot;item&quot;'<\/span>><\/span>\r\n<meta<\/span> content<\/span>='article'<\/span> property<\/span>='og:type'<\/span>\/><\/span>\r\n<meta<\/span> expr:content<\/span>='data:blog.title'<\/span> property<\/span>='og:site_name'<\/span>\/><\/span>\r\n<meta<\/span> expr:content<\/span>='data:blog.pageName'<\/span> property<\/span>='og:title'<\/span>\/><\/span>\r\n<b:if<\/span> cond<\/span>='data:blog.postImageThumbnailUrl'<\/span>><\/span>\r\n<meta<\/span> expr:content<\/span>='data:blog.postImageThumbnailUrl'<\/span> property<\/span>='og:image'<\/span>\/><\/span>\r\n<\/b:if<\/span>><\/span>\r\n<b:else<\/span>\/><\/span>\r\n<meta<\/span> expr:content<\/span>='data:blog.title'<\/span> property<\/span>='og:title'<\/span>\/><\/span>\r\n<meta<\/span> content<\/span>='website'<\/span> property<\/span>='og:type'<\/span>\/><\/span>\r\n<\/b:if<\/span>><\/span>\r\n<meta<\/span> expr:content<\/span>='&quot;en_US&quot;'<\/span> property<\/span>='og:locale'<\/span>\/><\/span>\r\n<meta<\/span> expr:content<\/span>='data:blog.canonicalUrl'<\/span> property<\/span>='og:url'<\/span>\/><\/span>\r\n<!-- End Open Graph metadata --><\/span><\/code><\/pre>\n<\/blockquote>\n
Step 5:<\/b> Now find <body><\/b> tag by pressing Ctrl+F and just below it past following code<\/b>.<\/p>\n
<div id=’fb-root’\/>
\n<script>
\n\/\/<![CDATA[
\n(function(d, s, id) {
\nvar js, fjs = d.getElementsByTagName(s)[0];
\nif (d.getElementById(id)) return;
\njs = d.createElement(s); js.id = id;
\njs.src = “\/\/connect.facebook.net\/en_US\/all.js#xfbml=1&appId=APP_ID<\/span>“;
\nfjs.parentNode.insertBefore(js, fjs);
\n}(document, ‘script’, ‘facebook-jssdk’));
\n\/\/]]>
\n<\/script>
\n<b:if cond=’data:blog.pageType == &quot;item&quot;’>
\n<div style=’z-index:999999; position:absolute;’>
\n<fb:recommendations-bar action=’like<\/span>‘ max_age=’0′ num_recommendations=’3<\/span>‘
\nread_time=’15<\/span>‘ side=’right<\/span>‘ site=’Your_Blog_Url<\/span>‘ trigger=’40%’\/>
\n<\/div>
\n<\/b:if><\/p><\/blockquote>\n
    \n
  • Replace highlighted “APP_ID<\/b>” text with your own facebook application id which we created earlier.<\/li>\n
  • Replace “Your_Blog_Url<\/b>” text with your blog Address.<\/li>\n<\/ul>\n
    Customize your code:<\/b>
    \nNum_recommendation=‘3’<\/b>: It’s indication the number of post that appear in your Facebook bar
    \nread_time=’15’<\/b>: It’s indication the time duration for appearing.
    \nside=‘right’<\/b> : It’s indicating side where your recommendation bar will appear
    \naction=‘like’<\/b> : You can use Like or Recommend<\/p>\n
    Step 6:<\/b> Save Template<\/b>. That set.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Internal Links play a very important roll for any website. there are many ways to by which you…","protected":false},"author":1,"featured_media":14996,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[5],"tags":[],"class_list":{"0":"post-94","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-blogging-tips","8":"cs-entry"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/comments?post=94"}],"version-history":[{"count":0,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts\/94\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/media\/14996"}],"wp:attachment":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/media?parent=94"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/categories?post=94"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/tags?post=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}