Simple Blogger Tutorials

How to Add Official LinkedIn Share Button to Blogger

To bring professional audience to your blog, let’s add LinkedIn share buttons to Blogger. It’s official and has counters.

These share buttons, also known as “inShare”, comes in three different sizes. Let’s have look with live examples.

LinkedIn Button

Add LinkedIn Button to Blogger

Step 1: Go to Blogger’s Layout tab, click “Edit HTML” and check “Expand Widget Templates”.

Step 2: Find <data:post.body/> and before or after it (or both) add any one of the codes mentioned below.

Vertical Count

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.isFirstPost'><script src='//platform.linkedin.com/in.js' type='text/javascript'/></b:if><script data-counter='top' expr:data-url='data:post.canonicalUrl' type='IN/Share'/>
</b:if>
Show for:

Horizontal Count

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

No Count

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

Step 3: Save your template.

To be noted:

Conditional tags marked in blue are used to show this button on every page except static pages on Blogger. If you want to show it only in post pages then use:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
{LinkedIn share button code}
</b:if>
Like