My first wordpress plugin – Delicious Bookmark Button with realtime bookmark count

Posted By: Deepu Balan on Saturday, 17 July, 2010
  • 862bcd1f627ffc0d222cbe30df8bcf80delicious
Jul 17
2010

37
Comments
delicious bookmark counter button with total bookmark count

del.icio.us needs no introduction, and if you still do not use delicious bookmarking service, there is something obviously missing in your life! Delicious is a famous social bookmarking site that has achieved rapid popularity and growth ever since it was being purchased by Yahoo Inc in 2005. Delicious is my all-time favorite bookmarking service. Many features have contributed to this, including the website’s simple interface, human-readable URL scheme, a novel domain name, a simple REST-like API, and RSS feeds for web syndication. Hence I was really particular about placing a delicious badge in my blog from the very beginning.

As part of my recent blog redesign I’ve searched many places for a nice looking delicious bookmark button which can also display the total bookmark count just like the tweetmeme button. I wanted a button that blends along with other bookmarking buttons such as twitter, digg, facebook etc. A significant amount of my time was spent on googling and browsing through the wordpress plugin directory, but I never found what I wanted.

So finally, I’ve decided to create my own wordpress plugin. After going through some beginner level tutorials on wordpress plugin development nuts and bolts, I have created what I exactly wanted. I am really really happy, that I have become the proud owner of a wordpress plugin :-)

And now after 2 weeks of releasing my new blog design, I have been getting number of emails and DMs on my new delicious bookmarking button. So I have decided to share it online, so that anyone can download it and use in their wordpress blogs, if they found it useful.

So far I have checked it only in my wordpress which is version 2.8.4, and it is working perfect. In case If you come across any issues while using it, please let me know about it right away.

Anyway, enough chat – Onward to the plugin details!

Plugin Description

A cool delicious bookmarking button/badge with total bookmark count. It adds a delicious badge or button to your post or page which allows you to bookmark the post. It also reflect a real-time count of how many times your page has been bookmarked in delicious, just like tweetmeme button does for twitter. Both standard and compact version of the badge to choose from.

Preview

Normal Badge

862bcd1f627ffc0d222cbe30df8bcf80

Compact Badge

862bcd1f627ffc0d222cbe30df8bcf80delicious

Getting Started

  1. Download this .zip file and unpack the content
  2. Upload the folder to your plugins folder and activate the plugin.
  3. Edit single.php of your WordPress theme.
  4. Find the following line (or similar line, depending on your theme file) in single.php:

    <?php the_content("<p class=serif>Read the rest of this entry</p>"); ?>
  5. Immediately after the line, add the code below for normal badge

    <?php delit_normal(); ?>

    and for compact badge use

    <?php delit_compact(); ?>
  6. Save and upload single.php back to your WordPress theme folder. Done!

Download

You are free to download and use this plugin both in your personal as well as commercial projects. What I only need in return is your comments and backlinks, if you like it. You are not allowed to sell or redistribute this plugin anywhere else.

Do not provide the direct download link nor upload this onto other servers for your own share. If you want to spread the words, just link to this article or use the Official WordPress Plugin Page.

Delicious Bookmark Button

Direct Text Link: http://wordpress.org/extend/plugins/delicious-bookmark-button/

Creative Commons License
Delicious Bookmark Button with realtime bookmark count by Deepu Balan is licensed under a Creative Commons Attribution 2.5 India License.
Based on a work at deepubalan.com.

Written by Deepu Balan

Deepu Balan is a self-taught web UI designer and developer who is really passionate about web design related stuffs. You can follow his updates on twitter @bdeepu

  • 37 Comments

    • says:

      Its simply ooozing w Delicious Awesomeness Deepu :D I Love it !!! In fact , I was thinking ( and looking for something like this when I was on Blogger , but certain WP plugins are somewhat a limited commodity on Bloggers platform ) ; Also, this is wayyyy cooler & sleeker than the tweetmeme button ( in my opinion ) ;) Its also wayyyy cool that you made a compact version along with the regular one .

      Ok, now make more !!! heheee :D

      M.

      • says:

        Thanks for the compliment Miaaa… I’m honored :-)

    • says:

      I badly wanted this button… You’ve read my mind :) Hats off to you, Deepu…

      Now to go and add it to my website

    • says:

      Nice! you have done something I was needing so badly but did have the time to look for it, now it’s in my hands thanks to you Deepu!

      I need to add the Delicious buttons to some blogs ;)

      • says:

        Thank you Hesham… I am glad you find it useful :-)

    • says:

      This is fantastic great job!

    • says:

      wow! it looks much better than Digg button,,..shared it!

    • says:

      Excellent job, need one of those for FAQPAL.

      • says:

        Thanks a lot… I am glad you find it useful :-)

    • GeneNo Gravatar
      says:

      Any way to use a short code to put the badge somewhere else?

      • says:

        No short code at the moment, but if you have the Exec-PHP wordpress plugin installed, you can add the badge in posts, pages and text widgets, like the way the badge is being displayed in the preview section of this post.

    • says:

      I get this error: You do not have sufficient permissions to access this page. When trying to access the plugin options page. :(

      • says:

        Thanks for letting me know about the issue… I think the issue is when you are on the latest version wordpress… Now I have checked the plugin in wordpress 3.0.1 and able to fix the bug. Please try the following..
        1. go to your wordpress plugins page, click the ‘edit’ link under the plugin ‘delicious bookmark button’
        2. now you will get the delit.php in edit mode. scroll down to the bottom part of that page.
        3. find the function call ‘add_options_page’
        4. There you will see the word ‘Delicious Badge’ repeated 3 times in the function call. Just remove the space from the third word and make it ‘DeliciousBadge’.
        5. Click update file and then try again clicking the ‘delicious badge’ button under settings menu.

        Please lemme know the result. Basically we just removed a space from the word ‘delicious Badge’

    Leave a Comment




    Your email is never shared.
    Required fields are marked *


    Copyright © 2010 Deepu Balan, All rights Reserved

    Design by Deepu Balan, Powered By Wordpress