How To Add Digg, Stumble, Twitter Share Buttons On Your WordPress Blog

A week back I wrote how to add author box on your wordpress blog without using any plugins. I got responses, and few of my friends asked to tell about adding Digg, Stumble , Twitter buttons on the Home Page of the Blog like i have did.

So, here I am explaining how to add a Digg share button, Stumble share button, Twitter share buttons on the wordpress blog without any plugins. I don’t use plugins for these small tasks as more and more plugins and make your blog slower than usual.

Here is simple code, which I am using on my home page of SaveDelete for the purpose.

To support this code to look good we also need to add some of the CSS.

.left { float:left;}
.twitme { padding: 0 6px 3px 0;}

That’s it .. The Above code is just placed before the

<?php the_excerpt (); ?> or <?php the_content (); ?>

The image for Stumbleupon and Twitter .js Script is been located on my server, so I will recommend you to use your own path. As I will be changing things in future and you don’t want to have things broken at your end someday.

here is the screenshot what it looks like on my blog from the homepage.

If you have any doubt, or any suggestion, please share it with us in the comments below.

, ,

10 Responses to How To Add Digg, Stumble, Twitter Share Buttons On Your WordPress Blog

  1. provamsi @ india365 March 25, 2010 at 1:17 PM #

    Thanks for the article, I was waiting for it since our previous chat about these social icons.

    Once again thanks for sharing.
    .-= provamsi @ india365´s last blog ..Most Relaxing Online Games on the Internet =-.

  2. element321 March 26, 2010 at 1:37 AM #

    Great post.

    I have been working on manually adding the submit buttons as well. So far I need to style them and figure out the best place to put them.

    Thanks for sharing your code. I might try it and see if it looks good set up the same way.
    .-= element321´s last blog ..Book Review: Problogger Secrets for Blogging Your Way to a Six-Figure Income =-.

  3. CJ @ Niche Writing March 26, 2010 at 1:56 AM #

    I’m also a big believer in hard coding versus plugins as much as possible. I think it lends to less plugin conflicts as well as quicker loading times. Thanks for the sharing this code as this is the next project on my site to-do list.
    .-= CJ @ Niche Writing´s last blog ..CreativeAce Grand Opening – Online Store =-.

  4. Tricks tips March 26, 2010 at 2:03 PM #

    Thanks for the code…
    Surely it will save a lot of time[loading speed]
    .-= Tricks tips´s last blog ..TeraCopy – Copy all Files at Lightning Speed =-.

  5. webwhiz April 2, 2010 at 12:42 PM #

    Thanks Mate I am using this now to my blog.
    .-= webwhiz´s last blog ..WordPress Default Replacing Double Dash with Em-dash Make it Stop =-.

  6. CSSReX April 14, 2010 at 10:43 PM #

    Thanks for the info. I want custom link to add for stumble upon. Please let me know if you have any ideas!
    .-= CSSReX´s last blog ..Free Twitter Background (PSD Included) =-.

  7. Don'tclick April 19, 2010 at 7:41 PM #

    Excellent code that reduces the use of plugins, keep on writing such items. Congratulations.
    .-= Don’tclick´s last blog ..Northern Europe airports closed =-.

  8. Siddharth June 17, 2010 at 7:41 PM #

    Really a wonderful and neat one.. i got to see this first on mashable..

  9. vicky October 14, 2010 at 10:11 PM #

    thnx for the guide..

  10. Abhishek November 19, 2010 at 6:16 PM #

    Another solid article…will definitely give it a try…..

Leave a Reply