25
Creating a clickable tag cloud for your blog, wiki or website

Creating a clickable tag cloud using Tagul

Embed Size (px)

DESCRIPTION

A how-to guide for creating a clickable tag cloud for your blog or wiki using Tagul.

Citation preview

Page 1: Creating a clickable tag cloud using Tagul

Creating a clickable tag cloud

for your blog, wiki or website

Page 2: Creating a clickable tag cloud using Tagul

This is a tag cloud

Page 3: Creating a clickable tag cloud using Tagul

It’s clickable!

Page 4: Creating a clickable tag cloud using Tagul

Clicking a tagtakes you to aof pages with

that tag

Page 5: Creating a clickable tag cloud using Tagul

Clicking throughtakes you to the

relevant page

Page 6: Creating a clickable tag cloud using Tagul

Tagul.com creates the word clouds

Page 7: Creating a clickable tag cloud using Tagul

Create a newcloud and fill

in basic details

Page 8: Creating a clickable tag cloud using Tagul

For ‘Tags links pattern’ use:

PBworks:https://YOURWIKI.pbworks.com/w/search?q=

WordPresshttp://YOURBLOG.com/?s=$tag

Page 9: Creating a clickable tag cloud using Tagul

This can be done on any site with search functionality:1. Search for any term - e.g. ‘TEST’2. Note the URL produced3. Remove the word TEST from the URL4. Paste it into ‘Tags link pattern’

Page 10: Creating a clickable tag cloud using Tagul

Play with the options, press

‘Build the Cloud’

Page 11: Creating a clickable tag cloud using Tagul

The tabs tocustomise further

are at the top

Page 12: Creating a clickable tag cloud using Tagul

The ‘Tags’ tabshows number

of times each tagis used

Page 13: Creating a clickable tag cloud using Tagul

There’s variousoptions for styling

the cloud

Page 14: Creating a clickable tag cloud using Tagul

Clicking on the ‘Preview’ tab shows what your cloud will

look like

Page 15: Creating a clickable tag cloud using Tagul

Not enough difference between tags? Go back and

change the number of times words appear!

Page 16: Creating a clickable tag cloud using Tagul

Greater weight = bigger in tag cloud

Page 17: Creating a clickable tag cloud using Tagul

Click ‘Build the Cloud’ again after making changes to the text

Page 18: Creating a clickable tag cloud using Tagul

Click on ‘Refresh’ in the ‘Preview’ tab - it should reflect your

changes

Page 19: Creating a clickable tag cloud using Tagul

The ‘Finalize’ tab allows you to get the embed code for your

blog / wiki

Page 20: Creating a clickable tag cloud using Tagul

Change the ‘Width’ to the size you want (height changes automatically)

Page 21: Creating a clickable tag cloud using Tagul

Press ‘Copy to clipboard’ to grab the embed code

Page 22: Creating a clickable tag cloud using Tagul

Paste the the embed code onto

your blog/wiki page

Page 23: Creating a clickable tag cloud using Tagul

The tag cloud should appear

on your site

Page 24: Creating a clickable tag cloud using Tagul

Click on a tag to make

sure it’s working

Page 25: Creating a clickable tag cloud using Tagul

Questions? Ask me:

@dajbelshaw (Twitter) http://bit.ly/dajbelshaw