How to Add Linkedin Share Button to Blogger Blog


LinkedIn is a professional community social network, you can share your thought's with your LinkedIn connections like friends and professional's. Increase your professional community so that you share your post with them. If you have blog or website, LinkedIn will help you to get more visitors. You can share your website post with your LinkedIn communities as well as connections. Nowadays social media is always top, if you want to content marketing.

LinkedIn is varies compared with other social medias, because this is only for professionals and this wont allow live chatting and instant photo sharing. Professionally you can use LinkedIn profile to share about job opening, technical skills and articles with your LinkedIn friends, colleagues and professionals.

The below steps will help you how to add LinkedIn share button to blogger blog.

Step 1: Sign in to Blogger blog.

Step 2: Open Blogger blog and select Template and click Edit Template.

Step 3: Search for the below "jump-link" code.


 <b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

Step 4: Paste the below code after the above code.

Button code for Vertical count

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='IN/Share' expr:data-url='data:post.url' data-counter='top'></script>
<script src='//platform.linkedin.com/in.js' type='text/javascript'>
 lang: en_US
</script>
</b:if>

Button code for Horizontal count

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='IN/Share' expr:data-url='data:post.url' data-counter='right'></script>
<script src='//platform.linkedin.com/in.js' type='text/javascript'>
 lang: en_US
</script>
</b:if>

Button code for No count

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='IN/Share' expr:data-url='data:post.url'></script>
<script src='//platform.linkedin.com/in.js' type='text/javascript'>
 lang: en_US
</script>
</b:if>

Step 5: Use any one from above. That's it!

All the best!

No comments:

Post a Comment