John Wang

Since I tend to write mostly about web design and development, sometimes people like to “bump” or “vote” for articles. Sociable currently only has the DZone and DesignFloat links by default. So here’s how you can add DesignBump, Vot.eti.me, and FriendFeed links and icons to Sociable.

DesignBump

1. Save the icon: and copy it to sociable/images/directory.
2. Open sociable.php.
3. Find the array called $sociable_known_sites.
4. Copy / paste the code below

    'Design Bump' => Array(
   'favicon' => 'designbump.png',
   'url' => 'http://designbump.com/node/add/drigg?url=PERMALINK&title=TITLE',
   ),

5. Save the file.

Vot.eti.me

1. Save the icon: and copy it to sociable/images/directory.
2. Open sociable.php.
3. Find the array called $sociable_known_sites.
4. Copy / paste the code below:

    'Votetime' => Array(
   'favicon' => 'votetime.gif',
   'url' => 'http://vot.eti.me/login.php?return=/submit.php?url=PERMALINK&title=TITLE',
   ), 

5. Save the file.

FriendFeed

1. Save the icon: and copy it to sociable/images/directory.
2. Open sociable.php.
3. Find the array called $sociable_known_sites.
4. Copy / paste the code below:

    'FriendFeed' => Array(
   'favicon' => 'friendfeed.png',
   'url' => 'http://friendfeed.com/?url=PERMALINK&title=TITLE',
   ), 

5. Save the file and reactivate the plug-in.

Results

This is what the finished version looks like with the 2 services enabled through Sociable Options.

And working version of the icons are used in this website. See below for an example.

Final Thoughts

I have also submitted the code to Joost de Valk,the author of the Sociable Plug-in, in hopes that he adds them for everyone’s use.

Download the complete code here

Related Posts

• WordPress Sharing Plugins: Sociable and ShareThis
• Commenting System Battle: IntenseDebate vs Disqus
• Disqus Custom Author CSS WordPress Hack
• Simple WordPress Security Measures?
• When NOT to Use Flash