Creating a clickable tag cloud using Tagul

Post on 27-Jun-2015

4.321 views 2 download

Tags:

description

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

Transcript of Creating a clickable tag cloud using Tagul

Creating a clickable tag cloud

for your blog, wiki or website

This is a tag cloud

It’s clickable!

Clicking a tagtakes you to aof pages with

that tag

Clicking throughtakes you to the

relevant page

Tagul.com creates the word clouds

Create a newcloud and fill

in basic details

For ‘Tags links pattern’ use:

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

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

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’

Play with the options, press

‘Build the Cloud’

The tabs tocustomise further

are at the top

The ‘Tags’ tabshows number

of times each tagis used

There’s variousoptions for styling

the cloud

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

look like

Not enough difference between tags? Go back and

change the number of times words appear!

Greater weight = bigger in tag cloud

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

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

changes

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

blog / wiki

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

Press ‘Copy to clipboard’ to grab the embed code

Paste the the embed code onto

your blog/wiki page

The tag cloud should appear

on your site

Click on a tag to make

sure it’s working

Questions? Ask me:

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