Add LinkedIn Share Counter Buttons To Blogger

LinkedIn is one of the fastest-growing social networking sites. You can use LinkedIn to drive traffic to your blog by adding LinkedIn's share buttons to your Blogger blog. The LinkedIn share counter will display the number of times your blog post has been shared by your visitors.

How to Add LinkedIn Share Counter Buttons to Blogger:

Adding a LinkedIn share counter button to your Blogger blog is a simple process. All you need to do is add a small script code to your Blogger template. There are various ways to add a LinkedIn button to your blog, but this post will provide a straightforward method to add it to your Blogger blog.

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 the LinkedIn share counter button below the post is appearing or not. It will show the count number on top of the Share button.

If the above steps are not working, then follow the steps below.:


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 the counter number to the right of the Share button. You can change the position of the count using the following 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