del.icio.us Tag Cloud WordPress Plugin

Famous for it’s ‘cloud’ of words, keyword, or ‘tags’ as become the term in the Web 2.0 era, del.icio.us can display a ‘cloud’ of these words, as shown in the accompanying screenshot, where the size of the tag impliles it’s popularity, and of course takes you to the del.icio.us pages behind all the tags too.

From the official Plugin Website:

This plugin provides WordPress users with a function to display their most used del.icio.us tags in a cloud-like format.

The plugin can take a variety of user-configurable parameters, including the number of tags to show, and the font sizes and colours of the fonts displayed.

Important Note: This plugin requires the PHP CURL library.

Download the del.icio.us Tag Cloud by Nick Bouton here, visit the del.icio.us Tag Cloud Plugin webpage, or visit the Author’s, Nick Bouton’s, website. It is also noted that this plugin is compatible with WordPress v1.5 and later.

Archive of Installation Instructions from the Nick Bouton Website

INSTALLATION OF THE DEL.ICIO.US TAG CLOUD PLUGIN FOR WORDPRESS 1.5+

1. Obviously, you’ll need an existing del.icio.us account in order for the plugin to work.
2. Extract delicious-tagcloud.php to your /wp-content/plugins directory
3. Go to the Plugins screen in the WordPress administration panel and enable the plugin.
4. Insert the following code into your /wp-content/themes//sidebar.php template file (or whichever template you’d like to use the tag cloud in):

   Be sure to change the username and password in the function call to reflect your del.icio.us login information.

   For more information about the available configuration options (font colors, sizes, number of tags displayed), please see the comments in the delicious-tagcloud.php plugin file.

5. If you’d like to use CSS to style the output (highly recommended), insert the following CSS into your WordPress theme’s stylesheet:
   #tagcloud {
   font: 11px/19px Arial, Helvetica, sans-serif;
   text-align: center;
   width: 145px;
   overflow: hidden;
   }#tagcloud-warning {
   font: 11px/11px Arial, Helvetica, sans-serif;
   color: #c33;
   padding: 6px;
   margin-bottom: 4px;
   width: 133px;
   }

   #tagcloud-error {
   font: 11px/11px Arial, Helvetica, sans-serif;
   border: 1px dotted #999;
   color: #333;
   background-color: #eee;
   padding: 6px;
   margin-bottom: 4px;
   width: 131px;
   }

   (Note: If you have trouble copying/pasting the block above, I’ve packaged the CSS with the plugin download, in the file named delicious-tagcloud.css.)

   Feel free to customize the CSS to suit your needs. Just keep in mind that the tag text inside the #tagcloud

   will be additionally styled by the parameters you pass to the delicious_tagcloud() function.
6. Go test it out – if you followed the instructions above, everything should work fine.

COPYRIGHT

Copyright © 2005 Nick Bouton (email : nick_at_nickbouton_dot_com )