Advertisements

How To Add "Linkedin" Share Button with Counter to Blogger

Posted by Lasantha Bandara on February 4th, 2011 File Under : bookmarks, button, internet11 Comments

LinkedIn operates the world’s largest professional network on the Internet with more than 90 million members in over 200 countries and territories. Linkedin has introduced Linkedin share button for websites,blogs to enable their readers and visitors to share the articles of that websites easily on Linkedin. LinkedIn is a place where busy and on-the-go professionals rely on their network to stay informed and make decisions.There were nearly two billion people searches on LinkedIn in 2010.

You can add a Linkedin share button to your website and enable visitors to share your content with their network.

In this tutorial I am going to explain how to add a Linkedin share button to your blogger blog.

There are 3 types of Linkedin share buttons : Vertical count, Horizontal count and No count.

Linkedin share button types

If you like to add these Linkedin share button to your blogger blog,then follow the steps given below.

1.Login to your blogger Dashboard--> Design- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below code:

<div class='post-header-line-1'/>
 

4.Now Copy your "Linkedin share button" code and paste it just below the above code.

NOTE: If you can't find <div class='post-header-line-1'/> in your template, paste your "Linkedin share button" code just before <data:post.body/> .

Code 1 : Vertical Count

<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;margin-left:10px;'>
<script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script data-counter='top' expr:data-url='data:post.url' type='in/share'/>
</div>
</b:if>

Result:

Code 2 : Horizontal Count

<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;margin-left:10px;'>
<script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script data-counter='right' expr:data-url='data:post.url' type='in/share'/>
</div>
</b:if>

Result:

Code 3 : No Count

<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;margin-left:10px;'>
<script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script expr:data-url='data:post.url' type='in/share'/>
</div>
</b:if>

Result:

5.Now save your template.

Refresh your site. Now you can see Linkedin share buttons in every post pages.

You can view more info from here: http://www.linkedin.com/publishers

File Under : bookmarks, button, internet

11 Responses to “How To Add "Linkedin" Share Button with Counter to Blogger”

  1. Muhammad Taqi says:

    i't very easy lol :)

  2. sahl Ahmed says:

    sir pls make a post about how to make a menu bar at bottom like u have made in your website showing DEMO website ..thanks alot

  3. iPhone Application Development Company says:

    Nice information for share this data....

  4. remo says:

    Great post.I have used Gostats.com Hit counters on many of my sites and blogs and it offers comprehensive and real time tracking.

  5. محمد نور الإمام ألجوهرئ says:

    Thanks For Sharing Button Linked in ...

  6. banet-xp says:

    keren...

  7. semo says:

    thanks for info

  8. choky_bembenk says:

    thankk fot tutor....

  9. Manish says:

    hey,

    Thanks for sharing it..howeverm it is not working on my blog http://manishagarwalhyd.blogspot.com/

    Please, help me out if possible.

    Thanks and Regards,
    Manish
    http://manishagarwalhyd.blogspot.com/

  10. sharif says:

    Thank you very much sir.

  11. Aditya says:

    I tried pasting this code at both the places you mentioned. But it still won't work. I have a google plus badge on each post as well, so i tried modifying the location of the linkedin image too. So i tried eliminating the google badge code but it won't go, even without the code it still shows! Is there any other reason it won't work or am i missing something.

Leave a Reply