Dear readers, recently as you can notice I’ve started to post a series of articles dedicated to Social Network Sharing Buttons. In all of the articles I’m giving to you the complete guide on how to install Social Network Sharing Buttons in Blogger posts. As I said before, adding these buttons to your posts is a great way to share your articles through the most popullar Social Networking Sites and yes, this is the best way to make your blog popullar and gain long term readers to your blog. So first let me share with you the links of the articles I wrote before regarding to Social Network Sharing Buttons:
How to add Twitters Tweet Button in your Blogger Posts
How to add Google Buzz button to Blogger blog posts
How to add StumbleUpon Button/Badge in Blogger PostNow it’s time to install the LinkedIn Sharing Button to your Blogger posts.
1. Login to your Blogger account and go to Design.
3. At the Edit Template page check the Expand Widget Templates option. Now you have to be careful here. First find the following code to your template: <data:post.body/> (press CTRL+F paste the code and the browser will find it for you).
- For Vertical count button:
<div style=’float:right;margin:4px;’>
<script src=’http://platform.linkedin.com/in.js’ type=’text/javascript’/><script data-counter=’top’ expr:data-url=’data:post.url’ type=’in/share’/>
</div>
<script src=’http://platform.linkedin.com/in.js’ type=’text/javascript’/><script data-counter=’top’ expr:data-url=’data:post.url’ type=’in/share’/>
</div>
- For Horizontal count Button:
<div style=’float:right;margin:4px;’>
<script type=”text/javascript” src=”http://platform.linkedin.com/in.js”></script><script type=”in/share” data-counter=”right”></script>
</div>
<script type=”text/javascript” src=”http://platform.linkedin.com/in.js”></script><script type=”in/share” data-counter=”right”></script>
</div>
- For No count (small) Button:
<div style=’float:right;margin:4px;’>
<script type=”text/javascript” src=”http://platform.linkedin.com/in.js”></script><script type=”in/share”></script>
</div>
Notice: As you can see in the code, I’ve made the button to appear on the right of the post, but if you want to appear in the left side, just write left instead of right in the code.<script type=”text/javascript” src=”http://platform.linkedin.com/in.js”></script><script type=”in/share”></script>
</div>
After you have added the code in your template, just click Save Template and preview your blog.
