Tutorial : how to create custom social bookmark button

Jul 13, 2008 | Tutorials

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!

Bookmark and share this post :

About this post :

Posted by : aj.eylia

Date : Jul 13, 2008

Tags: digg, mixx, Wordpress

9 Responses

Add your comment

flisterz

July 13th, 2008

wow good one! I’m still using a plugin, and modify the plugin if i want to add other website. now this one is gonna be helpful thanks!
aman

July 13th, 2008

huhu..no need to use the plugin anymore..
seema

July 23rd, 2008

Hi

Your blog is very informative n helpful .. thanks…..keep it up.

http://www.seostep.net
Maidasaxygrage

September 29th, 2008

thanks much, dude
Hawky

December 9th, 2008

Thanks very much. I was looking for this tutorial everyday, great post, brotha.
mupet

April 2nd, 2009

This is the article Im looking for, thanks
b2blocal

July 16th, 2009

very nice, we using it too. thanks
Alec

August 21st, 2009

I just added social badges to http://wetbehindthears.com and they all work except for Digg. The Digg just opens up a window where I can manually enter the url and info for a site I want to digg. I want it to automatically fill in all the information for the digg so the readers don’t have too. DUH! lol

My current code for my blogger blog, it reads like this:

But if you visit my http://wetbehindthears.com site, you’ll see that when you click the Digg icon below a post, that it doesn’t make it through Step 1 of the Auto Digg Submission.

Any help would be greatly appreciated,
Alec
mutuelle santé

December 13th, 2009

Very good tuto, thanks for the help.