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

2. Post permalink

Digg submit url + Post permalink(1+2)

To make a working submit button or link, just add some simple code.

The code you should include somewhere in index.php or single.php

Other social bookmarking sites

del.icio.us

blinklist

ma.gnolia

StumbleUpon

Technorati

Twitter

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: Ajmal

Date: Jul 13, 2008

Tags: , ,

9 Responses

Add your comment

  1. 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 :D thanks!

  2. July 13th, 2008

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

  3. July 23rd, 2008

    Hi

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

    http://www.seostep.net

  4. September 29th, 2008

    thanks much, dude

  5. December 9th, 2008

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

  6. April 2nd, 2009

    This is the article Im looking for, thanks

  7. July 16th, 2009

    very nice, we using it too. thanks

  8. 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

  9. December 13th, 2009

    Very good tuto, thanks for the help.

Leave a Comment