My Blog for your Knowledge

We'll make sure your website works for you...

The Road to Web designing

Art Illustrations

Do you want to look great?

3 March 2011

How To Add "Linkedin" Share Button with Counter to Blogger



LinkedIn operates the world’s largest professional network on the Internet with more than 90 million members in over 200 countries and territories. Linkedin has introduced Linkedin share button for websites,blogs to enable their readers and visitors to share the articles of that websites easily on Linkedin. LinkedIn is a place where busy and on-the-go professionals rely on their network to stay informed and make decisions.There were nearly two billion people searches on LinkedIn in 2010.


You can add a Linkedin share button to your website and enable visitors to share your content with their network.
In this tutorial I am going to explain how to add a Linkedin share button to your blogger blog.
There are 3 types of Linkedin share buttons : Vertical countHorizontal count and No count.

Linkedin share button types

If you like to add these Linkedin share button to your blogger blog,then follow the steps given below.

1.Login to your blogger Dashboard--> Design- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below code:


<div class='post-header-line-1'/>


4.Now Copy your "Linkedin share button" code and paste it just below the above code.


NOTE: If you can't find <div class='post-header-line-1'/> in your template, paste your "Linkedin share button" code just before <data:post.body/> .


Code 1 : Vertical Count
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;'>
<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>
</b:if>


Result:



Code 2 : Horizontal Count
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;'>
<script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script data-counter='right' expr:data-url='data:post.url' type='in/share'/>
</div>
</b:if>


Result:



Code 3 : No Count
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;'>
<script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script expr:data-url='data:post.url' type='in/share'/>
</div>
</b:if>


Result:



5.Now save your template.


Refresh your site. Now you can see Linkedin share buttons in every post pages.


You can view more info from here:
http://www.linkedin.com/publishers

1 March 2011

20 Photo Editing Tutorials for Photoshop

Make your photograph look tremendous and improve quality by using Photoshop. The Photoshop provides designers unlimited prospective to edit photographs to get the desired results. Here are 20 photo editing tutorials for Photoshop to show you some of the potential in the Photoshop. If you are non technical user you can check our other post for photo editing online tools collection, Free Photo Editing Software

Learn Photo Editing In Photoshop

photo effect photoshop tutorial
photo effect photoshop tutorial


Follow on Buzz