Add Facebook Social Recommendation Bar easily to Blogger


Facebook is largest social network in the world but recently released social plugin for WordPress but not for the blogger. But we can add this plugin into blogger by using some trick. By adding this plugin to your blog it will help to  boast your traffic and will also gain unique views.
This plugin displays articles when a person ended the current post reading. It will be displays when a person reached to particular level.
To add this plugin into your blog just follow the below tutorial and get some unique pages views ;)

1. Create a Facebook app :

  • First you need to login to your facebook.
  • Visit Facebook Apps Page and click +Create New App
  • Just type a Recommendation Bar or type anything you want like a below image.
Facebook Recommendation Box
  • Now click on continue button and then enter captcha code and move to next step.
Facebook Recommendation Box
  • Your app will be created and now you just add a website like below in picture.
Facebook Recommendation Box
  • Click on save changes button.
  • You will see line one is APP ID and other is APP SECRET just copy these two codes and paste it in notepad and follow the below steps.

2. Adding Recommendation Bar to Blogger Blog :

  • Goto Blogger > Template
  • Click on EDIT HTML and search <html
  • Replace it with the below code.
<html xmlns:fb='http://ogp.me/ns/fb#'

  • Now search <body> and paste the below code after/below it.

<div id='fb-root'/>
<script>
//Facebook Recommendation bar tutorial by NewBloggerTips.com
//<![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=xxxxxxxxxxxxxxx";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<b:if cond='data:blog.pageType == &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><div style='z-index:999999; position:absolute;'>
<fb:recommendations-bar action='like' max_age='0' num_recommendations='3' read_time='10' side='right' site='http://www.truebloggingtricks.blogspot.com' trigger='30%'/></div>
</b:if></b:if>

  •  Replace xxxxxxxxxxxxxxx with your app ID that you copied earlier and replace with http://www.truebloggingtricks.blogspot.com with your blog URL.
  • Click on save button and Finally you are done it.

Tidak ada komentar:

Posting Komentar