John T Wang


How to Add DesignBump, Vot.eti.me, and FriendFeed to WordPress plugin Sociable

wplogo-stacked-rgb
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: design bump 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' => 'https://designbump.com/node/add/drigg?url=PERMALINK&title=TITLE',
    ),
  5. Save the file.

Vot.eti.me

  1. Save the icon: votetime 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' => 'https://vot.eti.me/login.php?return=/submit.php?url=PERMALINK&title=TITLE',
    ), 
  5. Save the file.

FriendFeed

  1. Save the icon: friendfeed 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' => 'https://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.
sociable bump and vote
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

blog comments powered by Disqus