BlogTariff


Webmasters exercise numerous plugins and executing on blogs all for attracting and gaining more visitors/readers towards blogs. To organize visitors/readers engage on blogs another Social networking site plugin is developed from Facebook. Recently Facebook has launched form its lab new “Recommendation Bar Widget” in beta version with converting into number of post to be displayed on this Bar widget. Here, BlogTariff brough this “Recommended Bar Widget” for their valuable readers to execute on their blogs. After adding this widget on blogger blogs converts visitors/readers engage in browsing more articles and technique finds chances increasing more like to blogs. Like box already added in some any where in the widget or below the post in addition to that this like button another way to increase more likes to blogs.


You may also like these below posts

Method 1: How to Add Facebook Recommendations widget bar for Blogger?

Go to Facebook Apps and Sign into your Facebook Account
Click on + Create New App as shown image below
After successful pressing button a popup widow appears in that type only App Name: as Recommended Bar (On the left side a valid link shown in Green color) and press on “Continue button” as shown in image below

After pressing Continue button redirects to check the security code (Captcha) type to submit button. Enter code and press submit button.

If you’re already added your mobile number then it’ll redirects to another window further to continue other wise it may be asked to Enter Mobile number or Credit Card number to activate the process.
Immediately you’ll be redirected to a window “Website with Facebook Login” where you’ve to type your blog or website URL and leave the fields remaining and Press “Save Changes” button.

Make necessary arrangement to get App ID for further reference

Method 2: How to Add Facebook Recommendation Bar for Blogger

Sign into your blogger account
Click on “EDIT HTML” link Tab
(Before you do implement this on your blog backup your template if anything goes wrong you can reuse it again)
Now search for code
<html
Copy the below code and replace it with the above code
Search for code
<body>
After finding the code copy the below code and paste after to it (In Default blogger templates above to <body tag )


<div id='fb-root'/>
<script>
//Facebook Recommendation bar by http://www.blogtariff.com/
//this notice must stay intact for legal use
//For more visit http://www.blogtariff.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=APP ID HERE";
  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.blogtariff.com/' trigger='40%'/></div>
</b:if></b:if>

Customization

  • Change APP ID HERE with your APP ID as highlighted in Red color
  • Change http://www.blogtariff.com/ with your blog/website URL as highlighted in PINK color.
  • By default this bar appears on post pages not on homepage or static pages. To make it appear on all pages delete the code in Green color
  • Change the recommendations posts to display on widget value “3” with your value
  • Change max_age=‘0’ with 1-180 if need not to display old posts on widget
  • Change ‘right’ with you choice position to display widget
  • A time control widget expand is developed with ‘10’ seconds as default. Change the value with your choice time control value or else leave it default.
After successful adding the above code and necessary changes in the code now “Save the template”.
If you feel any difficulty in execution of the above experiment then bring to us we try for you.

Posted by
Share to:

Post a Comment Gmail ID

Do not Try to Add Spam Comments

Subscribe to: Post Comments (Atom)
 
Top