Been thinking or wondering how they did custom social button? In this article i will show how to create custom social bookmark button with working link.

Anyway, it is pretty easy if you understand the wordpress template tag. #.

The idea

The Code

1. Digg submit url
http://digg.com/submit/?phase=2&url=

2. Post permalink
<?php the_permalink() ?>

Digg submit url + Post permalink(1+2)
http://digg.com/submit/?phase=2&url=<?php the_permalink() ?>

To make a working submit button or link, just add some simple code.
<a href=”#” mce_href=”#”>link</a>

The code you should include somewhere in index.php or single.php
<a href=”http://digg.com/submit/?phase=2&url=<?php the_permalink() ?>”>Digg this post</a>

Other social bookmarking sites

del.icio.us
http://del.icio.us/post?url=<?php the_permalink() ?>

blinklist
http://blinklist.com/index.php?Action=Blink/addblink.php&Url=<?php the_permalink() ?>

ma.gnolia
http://ma.gnolia.com/bookmarklet/add?url=<?php the_permalink() ?>

StumbleUpon
http://www.stumbleupon.com/submit?url=<?php the_permalink() ?>

Technorati
http://www.technorati.com/faves?add=<?php the_permalink() ?>

Twitter
http://twitthis.com/twit?url=http%3A%2F%2F<?php the_permalink() ?>

Note: this is site submit url + post permalink code.

Result

Turn a link into a cool button with some cool css.

Examples

wefunction

Psdtuts

webdesignerwall

Don’t forget to

Digg! this post.

Good luck!