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

• Tweet
• Share

• Tweet
• Share

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.

<script type="text/javascript">tweetmeme_source = 'iliketocollect';
tweetmeme_url = '<?php the_permalink() ?>'; </script>
<script type="text/javascript" src="http://savedelete.com/wp-content/themes/SD/js/button.js"> </script>

 <a href="http://www.stumbleupon.com/submit?url='<?php the_permalink() ?>' &title='<?php the_title() ?>' target=">
<img style="border: 0px none; background: none repeat scroll 0px 50% transparent; padding: 0px;" src="http://savedelete.com/wp-content/themes/SD/images/stumble.jpg" alt="" />

<script type="text/javascript">
digg_url = '<?php the_permalink() ?>';
digg_title = '<?php the_title(); ?>';
digg_window = 'new';
</script>
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script>

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.