Code to Create Custom Share Buttons for Facebook, Twitter, LinkedIn & Delicious

facebooksml Code to Create Custom Share Buttons for Facebook, Twitter, LinkedIn & Delicious twittersml Code to Create Custom Share Buttons for Facebook, Twitter, LinkedIn & Delicious linkedin Code to Create Custom Share Buttons for Facebook, Twitter, LinkedIn & Delicious Delicious

Interested in sharing your B2B content on Facebook, Twitter, LinkedIn or delicious? Do multi-option social media sharing tools such as ShareThis seem like overkill?

That was our conclusion after researching the social media sites on which readers are most likely to share content from our blog focused on solutions to a wide range of business challenges, What Works for Business. We decided that Facebook, LinkedIn, delicious, and Twitter were the sites on which our target business audience is most likely to share business-related content. Rather than using the ShareThis widget which provides many more options (many confusing options for most of our readers), we decided to create custom share buttons.

To add custom share buttons automatically to each post in a WordPress blog, add the following code to single.php, the file which renders the individual post (note that you must be using WordPress.org, the self-hosted version of WordPress, to be able to customize the php files). See an example of how this looks.

Facebook Share Button Code

Here is the Facebook share code, which can also be found at http://www.facebook.com/share_partners.php/.

<script>function fbs_click() {u=location.href;t=document.title;window.open(’http://www.facebook.com/sharer.php?u=’+encodeURIComponent(u)+’&t=’+encodeURIComponent(t),’sharer’,'toolbar=0,status=0,width=626,height=436′);return false;}</script><a href=”http://www.facebook.com/share.php?u=<url>” onclick=”return fbs_click()” target=”_blank”><img src=”ADD_IMAGE_URL_HERE” alt=”Share on Facebook” /></a>

Twitter Share Button Code 

Here is the Twitter share code, which can also be found at http://www.jhuskisson.com/code-tidbits/share-on-twitter-link.

    <a href=”http://twitter.com/home?status=Currentlyreading <?php the_permalink(); ?>” title=”Click to share this post on Twitter”"><img src=”ADD_IMAGE_URL_HERE” alt=”Share on Twitter”></a>

LinkedIn Share Button Code

Here is the LinkedIn share code, which can also be found at http://www.linkedin.com/static?key=developers_widget_shareonlinkedin.  

    <a href=”http://www.linkedin.com/shareArticle?mini=true&url=<?phpthe_permalink(); ?>&title=<?php the_title(); ?>&source=ADD_YOUR_BLOG_URL_HERE”><img src=”ADD_IMAGE_URL_HERE”></a>

delicious Share Button Code

Here is the delicious share code, which can also be found at http://delicious.com/help/savebuttons.

<a href=”http://delicious.com/save” onclick=”window.open(’http://delicious.com/save?v=5&amp;noui&amp;jump=close&amp;url=’+encodeURIComponent(’<?php the_permalink() ?>’)+’&amp;title=’+encodeURIComponent(’<?php the_title() ?>’),’delicious’, ‘toolbar=no,width=550,height=550′); return false;”><img src=”ADD_IMAGE_URL_HERE” height=”20″ width=”20″ alt=”Delicious” /></a>

    

Good luck, and we’d love to see how you’ve implemented this on your own B2B blog!

Share This Post On:
  • email
  • Twitter
  • Facebook
  • del.icio.us
  • LinkedIn
  • StumbleUpon
  • Digg
  • FriendFeed
  • Google Bookmarks
  • Yahoo! Bookmarks
  • Add to favorites
  • RSS

Related posts

4 Responses to “Code to Create Custom Share Buttons for Facebook, Twitter, LinkedIn & Delicious”

  1. [...] B2B social media insights from Forrester’s Laura Ramos, code for creating your own social media share buttons and advice for building B2B online communities from Mike Rowland of Impact Interactions. Look for [...]

  2. Windenberger says:

    Thanks for the free code. I am almost done gathering all the goodies I need on my upcoming wordpress blog. This post will make it simple to stay focused on the most important social media sites.

  3. [...] hindsight, I could have done this by copy pasting the whole lot from the site I eventually found here at B2B Online Marketing, but as Murphy would have it, I would only find that site once I had [...]

  4. Bonnie says:

    Is there one button for just these major 4 sites?

Leave a Reply