Rounded Tag Cloud Widget for WordPress

Rounded tags

If you are using standard version of WordPress tag cloud widget, you may feel boring or dislike its look-and-feel. This ’rounded tag cloud’ widget offers different look-and-feel. Technically it uses the same function with the standard tag cloud widget. It only formats the look of tags so that it has different background and rounded corner. It also doesn’t differentiate the font-size of tags, all tags have the same font-size that can be set from admin options screen.

The rounded corner effect is achieved using CSS attribute. As you might already know, currently no standard CSS attribute to achieve the rounded corner behavior. There are at least three different attributes, used by different browsers to achive the rounded corner effect: border-radius, -moz-border-radius, and -webkit-border-radius. Mozilla Firefox, Google Chrome, Opera, and Safari browser understands one of them. However, Internet Explorer ignores those attributes. So, in Internet Explorer, the shape of the tag backround in this widget is not round, but square.

The following image shows the appearance of this widget:

Rounded Tag Cloud widget appearance

And the following image shows the admin options of this widget:

Rounded Tag Cloud widget admin options

Installation

Installation of this widget is easy. Do the following steps to install this widget:

  1. Download the widget from http://wordpress.org/extend/plugins/rounded-tag-cloud/.
  2. Extract the directory rounded-tag-cloud from the downloaded file, and then upload it to your WordPress plugins directory (/wp-content/plugins/).
  3. Activate the plugin through the ‘Plugins’ menu in WordPress.
  4. Go to Appearance > Widgets > Rounded Tag Cloud, drag and drop it to sidebar area, and start entering your info.

Widget Parameters

This section explain the parameters used by this widget.

  1. Title

    The title of this widget.

  2. Font Size

    The font-size used by this widget. All tags uses the same font size specified here.

  3. Number

    Number of displayed tags.

  4. Use custom style

    By default, all styles used by this widget is stored in its own syle.css. If you don’t want to use this style and use your theme’s style.css, this options must be turned on.

Related Posts

Recent Comments with Gravatar Widget for WordPress
 
Latest Posts with Share Widget for WordPress
 
Top Commenters Gravatar Widget for WordPress
 
Ranged Popular Posts Widget for WordPress
 
Facebook Fan Box Widget for WordPress
 
WP-PageNavi for LightWord
 
This entry was posted in WordPress and tagged , , .

12 Responses to Rounded Tag Cloud Widget for WordPress

  1. Pingback: Widget WordPress: Rounded Tag Cloud « suhanto.com

  2. Pingback: WordPress plugin – Rounded Tag Cloud | wpxl

  3. Pingback: Как сделать красивое облако тегов | Rounded Tag Cloud | темный Незнайка светлый Wordpress | n-wp.ru

  4. Pingback: Bookmarks of This Week (6/27-7/4) - Sometime PHP

  5. Pingback: Rounded Tag Cloud

  6. John says:

    Great Widget, finally something different. Thx for this.

    greetings John

  7. Show Random Tag says:

    So how to show random tag on Widget ?

    • Agus says:

      In this widget I specifically show all tags, not only random tags. Showing random tags can be done inside the source code, by changing it and adding the feature of course.

  8. Pingback: Template dan Plugin Wordpress Pilihan Minggu ke 2 Bulan Agustus Spesial IndonesiaTemplate dan Plugin Wordpress Pilihan Minggu ke 2 Bulan Agustus Spesial Developer Indonesia | Tutorial Tips Wordpress | Margasatrya.com

  9. nextblogger says:

    Yeahhh it’s good idea, but actually it’s depend on how its blog design. Anyway, how we can make different between BIG tag and SMALL tag? thanks

  10. Rebecka says:

    Hi, I wounder how to get the text small (not fat) as it be when you check “Use custom style” but still having the round “box”/gray background. Like the tag cloud you have here on the left side.

  11. maloy75 says:

    very useful plugin. thanks. perfectly fits on my blog

Leave a Reply

Your email address will not be published.

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

About Me

I am a professional developer and designer for the following systems: WordPress, Magento, and OpenCart. You can hire me to do overseas works related to those systems.
Hire me | Donate / Payment | Testimonials

Recent Comments