How to create a customizable Tag Cloud for wordpress.com blogs (non-geek version!)

CREATE your Tag Cloud for your wordpress.com blog and customize it almost instantly. No special skill is required. But you do need Firefox.

In order to have a customizable Tag Cloud, your first job is to complete all the first ten steps as explained in my previous post.

Now while you are still in MS Word customize the hierarchy and or colour of the tags as you please.

Here are some examples. Feel free to feel inspired by these or think up something on your own! I haven’t explored with different fonts. You might try different fonts if you like. But it is not advisable to change the font size, if you want to retain the relationship among the tags. Also you might want to edit out some tags if you are looking for a concise look and create a Top Tgas/Top Categories page instead!

Example no. 1
This is the default Tag Cloud as it appears without any change. How it will look in your blog depends on the theme of your blog.

act online application art badges bangladesh blog blogger’s handbook blogging blogging tips blog promotion blog traffic code code generator content sharing email email a firend email me! freebies HTML image image resource interesting internet just for fun knowledge Link generator LINK sources media must-see Netty Gritty photography polls quiz Sanjida’s internet Search situationist social bookmarking submission tips Submit subversive art Technorati test4blog web2.0 web generator webmasters’ tool Website review web tool widgets wordpress wordpress tips

***

Example no. 2
Default Tag Cloud with added colour

act online application art badges bangladesh blog blogger’s handbook blogging blogging tips blog promotion blog traffic code code generator content sharing email email a firend email me! freebies HTML image image resource interesting internet just for fun knowledge Link generator LINK sources media must-see Netty Gritty photography polls quiz Sanjida’s internet Search situationist social bookmarking submission tips Submit subversive art Technorati test4blog web2.0 web generator webmasters’ tool Website review web tool widgets wordpress wordpress tips

***

Example no. 3
Default Tag Cloud with added colour gradation

act online application art badges bangladesh blog blogger’s handbook blogging blogging tips blog promotion blog traffic code code generator content sharing email email a firend email me! freebies HTML image image resource interesting internet just for fun knowledge Link generator LINK sources media must-see Netty Gritty photography polls quiz Sanjida’s internet Search situationist social bookmarking submission tips Submit subversive art Technorati test4blog web2.0 web generator webmasters’ tool Website review web tool widgets wordpress wordpress tips

***

Example no. 4
Hierarchical method

act online application art badges bangladesh blog code generator email email a firend email me! freebies image resource just for fun Link generator LINK sources media photography polls quiz Search situationist social bookmarking submission tips Submit subversive art Technorati test4blog web2.0 web generator webmasters’ tool Website review web tool widgets blogger’s handbook blogging blogging tips blog promotion blog traffic code content sharing HTML image interesting internet knowledge must-see Netty Gritty Sanjida’s internet wordpress wordpress tips

***

Example no. 5
Hierarchical method with added colour

act online application art badges bangladesh blog code generator email email a firend email me! freebies image resource just for fun Link generator LINK sources media photography polls quiz Search situationist social bookmarking submission tips Submit subversive art Technorati test4blog web2.0 web generator webmasters’ tool Website review web tool widgets blogger’s handbook blogging blogging tips blog promotion blog traffic code content sharing HTML image interesting internet knowledge must-see Netty Gritty Sanjida’s internet wordpress wordpress tips

***

Example no. 6
Hierarchical method with added colour gradation

act online application art badges bangladesh blog code generator email email a firend email me! freebies image resource just for fun Link generator LINK sources media photography polls quiz Search situationist social bookmarking submission tips Submit subversive art Technorati test4blog web2.0 web generator webmasters’ tool Website review web tool widgets blogger’s handbook blogging blogging tips blog promotion blog traffic code content sharing HTML image interesting internet knowledge must-see Netty Gritty Sanjida’s internet wordpress wordpress tips

********************

Done picking a suitable style? Good, now please finish the steps 11 to 16 as stated in my previous post.

Enjoy your shiny new Tag Cloud in all its customized glory!

***

As mentioned in my previous post, this will work for Category Cloud also, please read that post for more information.

The default Tag Cloud widget does not allow you to customize the tags in any way. If you want to customize the look of your Tag Cloud in the side bar, simply paste the Tag Cloud created in the process mentioned in this post and paste the code in a text widget. Don’t forget to save changes!

***

If this tutorial has been helpful, then please consider showing some link love.

Email a friend!

Bookmark and share! Please help others find out about this easy customizable Tag Cloud Generation technique.

***

Read 4 more wordpress tips

Top 5 ways to promote your Tag Cloud

How to create an Archives page/post for a wordpress.com blog

How to offer a “Share on Facebook” option under (wordpress.com) blog posts

How to use Addinto to offer social bookmarking and email post options for wordpress.com blogs

HTML art

INTERNET can’t be internet without HTML. Below is an image I created with some HTML elements. Now that’s an unusual use of HTML, no?
11111110011000111110110111011100111110010000110000010111111111101101100101110001
01011111110001100111111100001110111000001011001111100110111111100011001101011011
00000011110000101000101110100011000110101101101101110111011101000110010101000010
01010110000111100100010011101101000010111110000110000101011011101001111111001110
00001101001000111001001011000100101011010101011010100000010100011111010101001111
00011110010111010101000111011110110110000110101101100101001001000001110010111101
00100010110011010001001000111011111011110100100011000110110010001011100001101100
01011001101110001001001111101001110111011000111111010110001111111011000000100100
11110001100000001110101010111101011011110110111100001101110101001100001000110000
00111101001101011000100011110101011101000011110000100100001101010010110000011110
00000110010000011100001111001001000110111100110111111011101100111000100001001010
10111000001000101100111010111101001010111101110101111110010000001011010111111000
10110100011101100110111000011011100000100010101101111110000000000101101001001111
01011110010101100011010100001011010111011000111011100101110000011111101001101100
11011111011011010111100011110110110000001000101011111100000101100111101111100111
10111000100011000111011000101010010110100101100010110101100100100001101111111011
00111100110010010100110110011100000111010101010110101100110001011000011101101111
00010101111100101001000000010101001010110000001001100001110000000110001000000111
11010000010111011010000010110111001111110000111000100110110000001000011000111000
10101100110011011001011100110011001010110011111101011001001010111100101101101010
01101111110100111001101101000101110000011001001011010000010111110110010110000001
00110011000100100111001000001111110001101110101010111010111001001111110111011011
11111101010000111000101101010111100101101100000100100011011001100110110010010000
10010100110110100000110000111011100001100010110011111011000011110110100001110001
00010001001001100011011001000100101001111001110101110111

***

I have a question for you, can you tell me how long it took me to do this?
I will reveal the answer tomorrow!

***

Tell a friend!

How to “automatically” generate links from text online

If you are not too comfortable with HTML coding or if you like automatic coding once in a while (like me ) then here is a site that makes the job of turning text into links a cakewalk.

Link Magic will enable you not only to generate links from text, but also format the text. You can change the font size, change font weight (normal or bold), font style (normal or italic), the font face, the font colour and text decoration (none, underline, overline, line through) . You can also specify the window target as top/blank/new.

There is even a pop-up color chart to assist you to figure out the HTML colour codes!

What I miss is having a drop-down menu for font face. It’s not like I have memorised the names of all the websafe font faces!

WordPress.com bloggers

We are better off formatting our text and linking them using our handy blog editor.

However, Link Magic can prove to be helpful when you are not in your own blog, but say in another blog and you want to link to something in a comment. A word of caution though, in that case you might need to strip the formatting codes, as comment boxes of different themes allow different tags.

Now there can be no excuse for absent-minded me for miscoding a link in a comment in someone else’s blog!

***

Tell a friend!

Artbreak – a great site for artists and (wordpress.com) bloggers

For artists

Artbreak is great for you if you wanna share and sell your art online!
Your art can also be tagged for better searchability. The visitors can click a button that says “I like”, which shows how many votes you get in this way. Also you can get comments from your visitors. Once you have opened your account, you can invite your friends to come over! Registered users can send you a message, add your work to their favourites and also add you as a friend.

Hmmm, I wonder why they don’t have any social bookmarking option for users to bookmark artists’s works? At least a simple Addthis (like the one they have to promote their own homepage!) or a Socialmarker button would do! Maybe if we all pour in this suggestion, they will get around to doing it.

***

For bloggers

Artbreak is also a great resource for finding contemporary artworks for your blogs. We bloggers reap the benefit as there is a code for sharing any image!

Best of all, some of the sharing codes are in HTML, so that means wordpress.com bloggers can tag along.

Below is a favourite of mine from artbreak.

You can navigate:

Recently Popular
Most Viewed
Most Liked
Most Complimented
Most Recent
Top Favorites
Tag Cloud
Random

Also there is a search box for your, I mean our, convenience!

***

 

Tell a friend!

How to figure out the width and height of your images instantly

If you need to know the dimensions (width and height) of your image instantly, here is a way to do so online.

Cellsea instantly provides the information once you upload your image. You can upload your image from your computer or paste the image url if it is already online. After you press “go”, you are taken to a page where you see the uploaded image and most importantly, right under the tabs in the right there’s the information of image dimensions.

You only need the information marked within the red boundary. And in case you are doing it for the first time, w stands for image width and h stands for image height!

Of course you can use cellservice for other purposes, but that is beyond the scope of this post.

Although it is possible to resize images using cellservice or some other program, it is good to know that there’s an “automatic” way of doing it once you know the width and height of your image. Doing it automatically means you won’t have to resize and upload an image every time you need a differently sized version of the same image.

Please read this post to figure out how you can automatically resize an image. Highly recommended if you have don’t wanna resize and upload your images every time you change the theme of your wordpress.com blog.

***

Tell a friend!