Loading...

Facebook Recommendations Bar embedding widget to Blogspot

View: 811    Dowload: 0   Comment: 0   Post by: admin   Category: Blogspot   Fields: Other

As you already know, Facebook has introduced us to add a more social plugin Facebook Recommendations Bar. This plugin allows us to display the related articles as proposed. This will help visitors to your blog will be able to stay longer, while also helping you increase hits his blog a lot.

To understand more about this plugin, you can see in his illustrated below:

To be able to use Facebook Recommendations Bar for each blog, you need to insert the following code below the <head>

<!-- 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 -->

1: Go to Facebook Recommendations Bar Official Page.

2: Click the Get Code button.

3. Click on the link Create a new app.

4. Enter the name of your blog headlines in section App Name and App URL will be a link to your blog. Then click the Continue button.

5. Enter captcha code and click Submit

6. Now we will go back and click Get Code button again.

7. Copy the first code as shown below:

8. Log into your Blogger Dashboard Blog choose and then click the More Options.

9. Select Template -> Click on Edit HTML> Proceed.

10. Mark the checkbox Expand Template Widgets.

11. Press Ctrl + F and search for keyword <body> tag and place the code that we copied in step 7 on immediately after it.

12. Search with keywords <data: post.body /> then put the following code immediately after it.

<b:if cond='data:blog.pageType == &quot;item&quot;'><div class="fb-recommendations-bar" data-trigger="onvisible" expr:data-href="data:post.url" data-read-time="30" data-action="like" data-side="right" expr:data-site="data:blog.homepageUrl" data-num-recommendations="2"></div></b:if>

13. Save Template and concludes ^^.

From now on you can increase visits to your blog with simple tips in this article. If the article has nothing confusing for you in the process is completed, remember to leave comments offline. I'll help you finish the article.

Good luck !

Facebook Recommendations Bar embedding widget to Blogspot

As you already know, Facebook has introduced us to add a more social plugin Facebook Recommendations Bar. This plugin allows us to display the related articles as proposed. This will help visitors to your blog will be able to stay longer, while also helping you increase hits his blog a lot.

Posted on 05-09-2015 

Comment:

To comment you must be logged in members.

Files with category

  • How to find email addresses log on blogspot

    How to find email addresses log on blogspot

    View: 1746    Download: 0   Comment: 0

    Category: Blogspot     Fields: Other

    If you have multiple Google Accounts and do not remember the email address you used to create your Blogger blog, just go to this URL:

  • Insert the "BlogThis!" To your blog

    Insert the "BlogThis!" To your blog

    View: 750    Download: 0   Comment: 0

    Category: Blogspot     Fields: Other

    you can see a button "BlogThis!" in a blog that, when a user clicks the button blogspot hit "BlogThis" This they can share their blogs easily on Blogger. But if you want to display the "BlogThis" as a text link, the following article will be helpful...

  • Inserting Twitter buttons for your blog

    Inserting Twitter buttons for your blog

    View: 1897    Download: 0   Comment: 0

    Category: Blogspot     Fields: Other

    After Twitter introduced its tweet button for web masters, now sharing information on your blog via twitter become easier than ever before, although still not common Twiter in Vietnam, however, add a tips and experience is something that we should...

  • Guide insert Twitter Followers Box on blogspot

    Guide insert Twitter Followers Box on blogspot

    View: 1871    Download: 0   Comment: 0

    Category: Blogspot     Fields: Other

    We were familiar with Facebook Like Box and also understand their importance in increasing the number of likes, today I will guide you how to insert the Twitter Follower Box widget on your blog. You turn to follow the steps as follows:

  • Create social network sharing buttons for extreme pro blogspot style

    Create social network sharing buttons for extreme pro blogspot style

    View: 651    Download: 0   Comment: 0

    Category: Blogspot     Fields: Other

    Social networking is growing, especially with the number of members Facebook extremely terrible, so the insertion of social network sharing buttons on your blog is a work indispensable and critically important in increasing visitor hits your...

  • 5 beautiful bar search for blogger

    5 beautiful bar search for blogger

    View: 1656    Download: 0   Comment: 0

    Category: Blogspot     Fields: Other

    Surely, everyone knows the importance of the search box in the blog or website. If you are wondering whether or not know what to insert the search bar on his blog how, then you do not get too worried, because today I will share with you 5 search bar...

  • Create a Facebook Like Box effect with timer Popup

    Create a Facebook Like Box effect with timer Popup

    View: 577    Download: 0   Comment: 0

    Category: Blogspot     Fields: Other

    Facebook Like Box is a plugin of the social network Facebook, which allows Page owners can attract and win many website like from different sources to give your Page. If you have a page on Facebook and want to get as many people like to your page,...

  • Gradually create Breadcrumbs for blogspot

    Gradually create Breadcrumbs for blogspot

    View: 712    Download: 0   Comment: 0

    Category: Blogspot     Fields: Other

    Breadcrumbs are a navigation menu located at the user interface, they are meant to help users easily access the pages they surf or are pages in a specific entry that, in order to better understand breadcumbs you can learn more on the internet, today...

 
File suggestion for you
Loading...
File top downloads
Loading...
Loading...
Codetitle - library source code to share, download the file to the community
Copyright © 2018. All rights reserved. codetitle Develope by Vinagon .Ltd