BlogTariff

Social media sites are playing vital role in connection people and sharing information about each other. Social media sites especially two sites Facebook and Twitter are major sites where millions of subscribers added and its continuing daily.
Here in this article BlogTariff educate you “How to increase your Facebook Likes” by adding simple and easy Widget i.e Recommend or Like to Blogs/Websites.

Webmaster daily tries to increase their traffic to build up their subscription, Facebook likes, and Twitter followers. The ways they implement on their blogs/websites appreciable.
This widget is more helpful to increase Facebook likes and also drives more traffic from Facebook to your blog/websites in the form of related posts. Let’s begin the tutorials.

How to install Facebook official Like or Recommendations bar widget to blogger?

Step One:-
Sign into your blogger account
Search for code
<head>

After finding code copy the below code and paste below to it (To work Facebook Recommendation bar on any blog/website needs open Graphs meta tags as given below)
<!-- 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 -->


Now Click to Facebook Official Recommendation page bar
Click on "Get Code" button as show image below

Click on “Create a new app” link as given image below

Fill “App name” and “App URL” with your blog/website title and blog/website URL.
Click on “Continue” button as image below

Now redirecting to another window for security code testing i.e Captcha code and Click on “Submit” button.

Redirecting to first Recommendation bar page Click on “Get Code” button
Immediately “Your Recommendations Bar plugin code” window appears now copy the first code as given image below

Step Two:-
Switch to Blogger account
Click on “Template” link tab
Click on “Edit HTML” link tab and proceed
Mark box “Expand Template Widgets”
Search for code
<body>
After finding code copy the below code and paste after to it
  
Note: Before you paste code encode this by using our “Tool

Now search for code
<data:post.body/>

After finding code copy the below code and paste after to it
<b:if cond='data:blog.pageType == "item"'><div class="fb-recommendations-bar" data-trigger="onvisible" expr:data-href="data:post.url" data-read-time="30" data-action="recommend" data-side="right" expr:data-site="data:blog.homepageUrl" data-num-recommendations="3"></div></b:if>

Customization of Facebook Like or Recommendations bar widget code:-

  • If you want to display bar at left side then replace “Right” with “Left” as highlighted
  • If you want to show “Recommend” with “Like” replace
  • Change your Read time “30” with your choice value
  • Change your number of recommendations “3” with your choice value (number of posts)
Final step is “Save your Template”.

Authors desk:-

If you find this tutorials is helpful to you leave your views and suggestion via comments. Don’t’ forget to subscribe to us and we always appreciate Facebook Like also follow us on Twitter.
Sign up for FREE Blogging Trick Alerts to Your email.


Post a Comment Gmail ID

 
Top