Add LinkedIn Share Counter Buttons To Blogger

LinkedIn is one of the fast growing social networking site. You can use LinkedIn to get traffic to your blog from LinkedIn. LinkedIn providing share buttons.You can add those share buttons to your Blogger blog also. LinkedIn Share counter shows the number that how many of your blog visitors share your blog post.

How to Add LinkedIn Share Counter Buttons to Blogger:

It's simple to add LinkedIn share counter button to your Blogger blog. You just need to add small script code to your Blogger to that button to your blog. Many ways are there to add LinkedIn button to your blog. In this I'm providing simple method to add LinkedIn button to your Blogger.

Follow below steps to Add LinkedIn Share Counter Buttons To Blogger:


Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 : Search for <data:post.body/> tag in your Blogger template code by using Ctrl+F

Step 5 : Add below script code after <data:post.body/> tag i.e below <data:post.body/>

<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script> <script type="IN/Share" data-counter="top"></script>

NOW go to your blog and check whether LinkedIn share counter button below post appearing or not. It will show count number on top of Share button

If above steps not working then follow below steps:


Step 1: Click on Edit HTML

Step 2: Search <b:includable id='shareButtons' var='post'>

Step 3: Add below code just above </b:includable> corresponding to <b:includable id='shareButtons' var='post'>

<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
<script type="IN/Share" data-counter="right"></script>

i.e  like below

<b:includable id='shareButtons' var='post'>
-----------
-----------
-----------
<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
<script type="IN/Share" data-counter="right"></script>  </b:includable>

Step 4: Click on Save Template.

Now you can see counter number just right to Sharebutton

You can change the position of count with below attributes : data-counter="right" data-counter="top"

5 comments:

  1. Do the above instructions apply to the new blogger?

    ReplyDelete
  2. sure, you can apply same instruction on new blogger interface. If any problem tell me will give you another solution.
    Thank you

    ReplyDelete
  3. The code "data:post.body/" does not exist in the html code for the template. Nor does "div class='post-header-line-1'/" which I found in another Blogger Tips Site. Would appreciate any help.

    ReplyDelete
  4. This doesn't seem to work. Even following the instructions on the YT video above... Is it not working bc I'm using a dynamic view?

    ReplyDelete
  5. Hi, This didn't work for me either. Any updated advice?

    ReplyDelete