Building a Better Share Button for LinkedIn
Linked in Button for HTML
I published a useful code snippet a few years ago to allow the use of our own image file for the LinkedIn share button wit a static HTML website.
Copy and paste the code below and place in webpage where you want the button to appear.
<a href="http://www.linkedin.com/shareArticle?mini=true&url=http://your page url&title=Your Page Title&summary=Your page content description&source=My Website Name" target="_new"> <img src="URL TO THE IMAGE" alt="linkedin share button" width="20" height="20" title="Share on Linked In" /> </a>
This opens a page in a new window or tab (If you want to use a pop-up window, you will need a bit of extra code) with a box that looks like this:
This Linked In button code is intended only for HTML webpages. The code described is manually inserted in the page.
New Linked in Share Button In Development
NOVEMBER 2013 – a new code snippet is being developed to update my old code which has been around for some time now. The new code will make better use of Open Graph meta data, grab the page URL and open the sharing box in a modal pop-up instead of a new browser window/tab.
Code Snippet for WordPress
The first version of the new share code mentioned above is now available for WordPress users. This code is a snippet intended to use in a text widget (one that won’t strip the code) and uses your own image as well as getting information from OpenGraph meta data.
More HTML code snippets for Twitter, Facebook, Stumble Upon, Reddit, Delicious, and Digg can be found from the menu on this page: Technical Things (Graphicline.co.za). Several of the code snippets have been updated recently to use a pop-up share box instead of a new page or tab and better integration for Open Graph meta data.
A short article dealing with Open Graph data is also available from the same resource.