Skip to main content

How To Add A Cool Twisting Tag Cloud For Your Wordpress Blog


00 cloudy.jpgThe vast amount of cool customizations maybe one of the reasons why people choose to go through hoops installing their own self-hosted wordpress blogs instead of using other free blog services. And one of those cool things is the wordpress tag cloud plugin.
For those who are unfamiliar with tag cloud, it is a visual depiction of user-generated tags, or simply the word content of a site, typically used to describe the content of web sites. Tags are usually single words and are normally listed alphabetically, and the importance of a tag is shown with font size or color. Thus, both finding a tag by alphabet and by popularity is possible.

This is what a wordpress tag cloud plugin looks like:
01 Wordpress plugin tag cloud.jpg
I never really put much attention to tag cloud, but one recent discovery altered the path of my focus a little bit.

It’s (not) gonna rain

What I discovered was a tag cloud with a twist – literally. What made it different from ordinary tag clouds was the way the content of the cloud twisted around in 3D. I personally thought that it was cool and it added the visual richness of the blog. Translation: I wanted it.
Problem was, I didn’t know what it is called and whether or not it will work with Wordpress. After some searching and asking around, I finally could exhale a sigh of relief because I found the wordpress tag cloud plugin to produce that kind of effect. The plugin is called WP Cumulus.
tag_cloud.png
With a clear target to pursue, I went directly to the installation process.
Note: This plugin is Flash-based. So, there might be several factors (type of browser, browser plugin, internet connection, etc.) that might cause it not to display properly.

Installing Wordpress Plugins

I picked the easiest way to install the plugin. I logged in to my Wordpress dashboard and continued to the sidebar. I chose the “Plugins” link and “Add New“.
I did the plugin search, and…
03_Search_plugins.png
Clicked the “Install Now” button.
03b_Install_Plugin.png
After the installation, I chose to activate it directly. But if you want to activate/deactivate it, you can do so from the Plugins page.
04_Activate_Deactivate.png

Controlling the Cloud

One of the ways to tweak the display options of the wordpress tag cloud plugin is by going to the Tools > Settings > WP Cumulus menu from the sidebar.
05_Edit_Plugin_Settings.png
There are many tweakable elements including the size of the WP Cumulus box, the font and background color and the rotation speed.
05b_Edit_display.png
You can show WP Cumulus as part of your blog theme, use it as a widget, or insert it into post and/or pages using simple codes. Look at the plugin’s Installation” page at Wordpress.org for more detailed instruction.
06_How_to_install.png
If you want to use it as a widget, you have to make sure that your blog’s theme supports widgets. If it does, go to the Appearance > Widget menu.
02 Activating Widgets.jpg
You will find the WP-Cumulus item in the widget list. All you have to do is drag it to the widget bar.
Widgets - Activating Cumulus-1.jpg
WP-Cumulus as a widget also provides its users with settings pane.
Cumulus Setting 1.jpg
Don’t forget to click “Save” after adjusting the settings.
Cumulus Setting 2.jpg

The color of the cloud

You will notice that all the colors used are written in hexadecimal HTML color codes. One trick that you can use to find out which code belongs to which color is to search for it via any application through the options to change the color of its element.
For example, you can use any word processor and begin the steps to change the font color. Then you can use the color palette to search for the color code. For those who work with graphics and images, you can utilize your graphic applications.
Finding Color Codes.jpg
Or you could search the web with the search string: “web color code” or “hexadecimal color code” (or something similar).

Life beyond the cloud

Because the WP Cumulus plugin produces moving images, it’s a bit difficult to show it here. To see how this twisting tag cloud looks on a real site, there’s no better place to visit than the plugin creator’s page. The site is also a good place to start finding similar plugins for other blogging platforms.
There are other interesting variations of tag cloud plugins for Wordpress. To find out more, you could search for “moving tag cloud” (or other similar search strings) in the Plugins section of Wordpress.org.
Do you use tags to enhance your Wordpress blog visually? Do you know other cool tag cloud Wordpress plugins? Share using the comment below.

Comments

Popular posts from this blog

Build Your Own Awesome Personal 3D Avatar with Avatara

Do you use social networks and want to build your own awesome 3D avatar? Maybe you want to send someone a cute cuddly image of yourself (kind of)? Or maybe you have your own ideas of what you would do with an Avatar… Well look no further than Avatara which I discovered from the MakeUseOf directory . You can create 3d avatars out of pre-set up templates or create your own from scratch. To start, visit Avatara’s homepage . You will see this screen: Click Get Started to umm, get started! That will take you to this screen: You see that you can build your own Avatar using an uploaded head shot like the Obama one above (just an example, guys). Or roll with one of their awesome avatars. I chose to start with a blank avatar by clicking Start with a blank avatar at the bottom of the screen. That takes you to here: I clicked on the filter at the top and told it to filter out everything but male characters and then I saw this: I rolled with Buck and continued. You need to click Select...

MoviePass drops pricing to under $7 per month, if you opt for the annual plan

MoviePass, the subscription service that lets consumers pay a monthly fee to see unlimited movies in theaters across the U.S., is slashing its prices yet again. The company announced today it’s now offering its service for $6.95 per month, down from the current price of $9.95 per month, when customers commit to a one-year subscription plan. That works out to a flat fee of $89.95 annually. The deal is a limited-time promotion, as opposed to a permanent pricing change, but MoviePass didn’t say how long the offer is valid. However, it is open to both new and existing subscribers – the latter who would receive a 25 percent savings on their current subscription if switching over to the annual plan. This is not the first time that MoviePass has dropped its pricing. When the company introduced its $9.95 per month, one-movie-per-day plan this August, down from $15 for 2 movies per month (or more in select markets like L.A. and NYC, and going as high as $50), it saw so many new sign-up...

ASUS VivoBook X202E Windows 8 Touchscreen Laptop Review And Giveaway

It wasn’t very long ago when prices of touchscreen Windows 8 laptops soared beyond $1000. Thankfully, those days are behind us, and portable computers can easily be purchased – touchscreen and all – for under $500. That’s precisely the demographic in which the ASUS VivoBook X202E falls. When compared to a high-end laptop, its specifications might seem modest, but for laptop buyers just looking for a way to browse the web, watch videos, use basic apps, and not spend too much money, something in this budget is perfectly suitable. The question is, of course, how does the ASUS VivoBook X202E compare to others on the market, and is it the one which you should be spending your hard-earned money on? Well, you’re just going to have to keep reading to find out. Best of all, we are giving away an ASUS VivoBook X202E to one lucky winner. Keep reading for your chance to take home this Windows 8 touchscreen laptop! Introducing the ASUS VivoBook X202E Laptop The ASUS VivoBook X202...