How to Add Linkedin Share Button in Blogger

Advertisements
You probably have seen those business blogs which always depend on the Linkedin Share button to provide a bit of flexibility to other corporate business owners. This help business related people to share your content on their Linkedin profiles. Recently, one of our users asked us How to Add a Linkedin Share button in Blogger? In the past, we have already covered how to Add Facebook share button. Today in this article, we will show you how to add a Linkedin share button in blogger? It displays a Linkedin share button along with the shares count that your post have got, but you can customize it according to your needs.

The very first thing you need to do is to login into your Gmail account associated with your Blogger account. Once you are successfully logged in, go to Blogger.com >> your site >> Templates >> Edit HTML >> and look for the <data:post.body/> tag. After finding the <data:post.body/> tag paste the following code either above or below it (depending upon your needs as mentioned below).

  • For Below Posts: If you like to show the share button at the end of your posts, then paste the following code below <data:post.body/> tag.
  • For Above Posts: However, if like to display the share button at the beginning of your posts then paste the following code above <data:post.body/> tag.
(Remember: Few themes have numerous <data:post.body/>  tags, so be sure you are placing the code at the right place. You can paste it before each tag and can remove it later on if you think it doesn’t work correctly.

<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='BUTTON-TYPE' expr:data-url='data:post.url' type='in/share'/>
</div>
 </b:if>

Now it is up to you what kind of button design. There are several designs through which you can select the one which perfectly fits your website. Linkedin provides a couple of designs like Vertical, Horizontal or without counter buttons. Therefore, to customize your button type just replaces “BUTTON-TYPE” from your coding with any of the following depending on your needs.
  1. top  for  full tall button with counter
  2. right  for small button with counter 
  3. Remove data-counter for no counts
Once everything is done, you can save your template by pressing “Save Template” button located at the top. Now go and check your site to see if the button works correctly. If you have followed the steps correctly, then we are sure it would work just perfectly. On this note, we come to an end of our tutorial.

We hope this article has helped you in learning How to add Linkedin share button in blogger.  This button can be handy for those who are more interested towards business or they want to have a corporate profile. Let us know what are your inputs about using a Linkedin Share button in your blogs? Does it really worth it? Lets have a meaningful conversation in comments below.
Advertisements

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).

Comment With:
OR
Choose Wisely!

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

Helping You to do Cool Things With Blogger Since 2012™.

© Copyright 2012 - 2018. MBL Networks, All Rights are Strictly Reserved.