September 8, 2011

Add LinkedIn Share Button for Your Blogger Posts




You may have already connected with LinkedIn social network. It's a type of site where millions of professionals meet together and empower their business opportunities. There you can exchange interesting content such as tips, articles and many more with the people, as you do on other popular social media platforms. So it's another useful platform to reach wider audience and you might wanna try out. People who would enjoy your blog might also like to share your content with their own connections on LinkedIn. So wouldn't you like to let your readers share your content on LinkedIn while they enjoying it?

LinkedIn offers their official share buttons to implement on blogs and websites. LinkedIn share button let users share content on websites instantly to their LinkedIn profile directly without leaving the website. So it will help readers keep more time on your site and more convenient for readers too. As the sharing made easy for LinkedIn users, it will help you to generate more traffic to your blog from LinkedIn platform too. The content shared on LinkedIn may featured and appeared on LinkedIn homepage if they are circling around LinkedIn users. It will add more exposure to your content. Would you mind implementing LinkedIn share button for your blog posts?

Steps:

1. Go to Blogger Dashboard.

2. Click on your Blog Title.

3. Navigate to Template tab.


Note: Before editing your template, you may want to save a copy of it. Read How to Back Up Your Template.

4. Click on Edit HTML button.


5. Now tick on, Expand Widget Templates.


6. Search for <data:post.body/> in template and add following code after that.

Notes:

* Adding below <data:post.body/> will place your button under the post. If you need to place it elsewhere on post page, read How to Position Elements on a Blogger Post Page.

* You may encounter two search results for <data:post.body/>. Add this code right after the first resulted line of code.

* If you see a line similar to <div style='clear: both;'/> tag right after the <data:post.body/> tag, then you gotta place this code snippet right after the <div style='clear: both;'/>.

<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" expr:data-url="data:post.url" data-counter="[Counter Mode]"></script>


Color Indication Information

   - LinkedIn Share Button Count Mode

There are three styles/modes available for LinkedIn share button including no counter style. Select style as you prefer and use  particular count mode as the value of counter attribute.

Vertical


Count Mode: top


Horizontal


Count Mode: right


No Count


Here you don't have to specify count mode for count attribute in the code snippet. Just remove counter attribute and you will see button with no count.


7. Now save your template and check individual posts for LinkedIn share button.

Enjoy :-)




Awesome! Thanks for coming by and taking your time to read this post :) I hope you have learnt something today. Now you can share it with your friends and I'd love to hear from you too.






Related Posts and Categories


Category, , , , ,





Comments

* Make sure your comment is genuine and comply with our commenting guidelines.

* Review your email and reply notification settings to receive replies via email.


shafi kaku said...

hi..your information was lot helpful...thanks..
if you are interested can visit my blog at http://netpowerinfo.blogspot.com..