Custom Social Share Buttons

by Gopinath Kaliappan

HTML

<a href="http://moz.com/blog/meta-data-templates-123">Learn about social Meta tags</a><br />
<a href="http://blog.hubspot.com/blog/tabid/6307/bid/33402/A-Simple-Guide-to-Creating
-Social-Media-Sharing-Links-for-Your-Ebooks.aspx
"> Other site</a>

<div> <span class="bold">Share this on :</span>
    <br /> <span><img class="socialShareButton" src="http://dprofiles.com/Images/facebook_icon.png" alt="Share on Facebook" onClick="window.open('https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fdprofiles.com%2F&t=dProfiles.com&v=1','sharer','toolbar=0,status=0,width=548,height=325');" /></span>
 <span><img class="socialShareButton" src="http://dprofiles.com/Images/twitter_icon.png" alt="Share on Twitter" onClick="window.open('https://twitter.com/intent/tweet?url=http%3A%2F%2Fdprofiles.com&text=Are%20you%20on%20dProfiles%20yet%3F%20dProfiles%20helps%20employers%20look%20at%20the%20real%20you%0Aand%20not%20your%20ability%20to%20create%20jazzy%20resumes','sharer','toolbar=0,status=0,width=548,height=325');" /></span>
 <span><img class="socialShareButton" src="http://dprofiles.com/Images/google_plus_icon.png" alt="Share on Google+" onclick="window.open('https://plus.google.com/share?url=http%3A%2F%2Fdprofiles.com%2F','sharer','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,width=548,height=325')" /></span>
 <span><img class="socialShareButton" src="http://dprofiles.com/Images/linkedin_icon.png" alt="Share on LinkedIn" onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Fdprofiles.com%2F&title=dProfiles.com&summary=Are%20you%20on%20dProfiles%20yet%3F%20%0AOn%20dProfiles%2C%20you%20matter%20more%20than%20your%20CV.%20%0AdProfiles%20helps%20employers%20look%20at%20the%20real%20you%20and%20not%20your%20ability%20to%20create%20jazzy%20resumes.&source=dProfiles.com','sharer','toolbar=0,status=0,width=548,height=525');" /></span>

</div>

CSS

.socialShareButton {
    height:25px;
    width:25px;
    cursor:pointer;
}