Display Delicious Bookmark Count on Your Web Page

Although it’s unnecessary to display the bookmark button for Delicious because who still not using quick delicious plugin to bookmark such as: Delicious Bookmarks (for Firefox) or Delicious Extension (for Chrome). However, that is a good idea when displaying the count of Delicious bookmarks to show visitors how interesting your content is. These tips will help you to add the Delicious counter to your web page content.

Tagometer Badge

Delicious provides their own button with a simple styling. You can see it in action here. However, it doesn’t allow you to customize for styling. Just like other networks, Delicious implement their buttons using iFrames which you can’t modify anything inside of it. Thus, it’s recommend only for someone who don’t want to mess up with code or don’t care much about how attractive it should be.

In case you are using WordPress, there is a plugin, Delicious Badge With Bookmark Count, which can generate a cool delicious bookmarking button/badge with total bookmark count.

Pure Javascript and JSON callback

This is a good method to display delicious counter which is fully customizable. We will parse the feed(in JSON format) from specific url using query string then callback a function to fill the result into HTML element found by class name (just in case you want to use multiple elements, otherwise use ID instead).

This method is highly recommend because it’s using pure Javascript to parse data from a JSON file which is lightweight. Since you got the data in text format then display it to a HTML element, you can easily customize the counter style with CSS.

Quite Delicious Button – A jQuery Plugin

This brand new jQuery plugin has just been released by Mike More that generates an uniform delicious counter in real-time with 2 styles: tall or wide. You can use this share button with the style as same as Topsy or Stumbleupon.

Check out this plugin here and enjoy using it. The plugin uses CSS3 styles which are embedded in the script, to minimize page-loading time. Also, its button doesn’t use any images. Delicious logo is just HTML & CSS.