tag cloud example
how to put links in the sidebar

Somebody needed help with putting links in the sidebar.  Here’s the code for my sidebar as of today.  You can see the 2 links <a href=…> starts one and </a> ends one.  Note that it is important to use the double-quotes I think.  I put the tags and link description on separate lines to make it easier to see what’s going on.

this is just a dummy page to show how to apply tag clouds

<br>
<br>
Link Examples<br> 

<a href=”http://friendship-bracelets.net/tutorial.php?id=2#h2130”>
downward knot
</a>

<br>

<a href=”http://www.youtube.com/watch?v=MDmW0IlZDu4”>
downward knot video
</a>

<br>
<hr>

<!—Tumblr Tag Cloud [2011-11-27]—>
<script type=”text/javascript” src=”http://rive.rs/javascripts/tumblr.min.js?css=default&limit=25&order=frequency&minsize=80&maxsize=210”></script>

heather-rivers:

This is a tag cloud generator for Tumblr. It uses the Tumblr API’s JSON output and jQuery to generate a tag cloud each time your site is accessed.

Demo of top 30 tags by frequency:

I can’t make any promises but I did put a forum at the bottom of my craft blog.  I found it annoying that you can’t put code in the ASK and that you have such a small amount of typing space so this way people can share code back and forth.

Good luck!

fixed the link just now

patience is key with Tag Cloud

I am not an HTML/web programmer but I am a programmer.  I had trouble getting all of this to work even when I was working on this example page.  

The syntax and placement of the script is KEY

One missing tag like </div> or </script> etc can totally hose up the works.

While trying to figure out where to place the script in the custom HTML, I found it helpful to put some words in there along with the script.  That way I could see where it was going even BEFORE I saved my HTML

If you are going to customize your HTML, SAVE A COPY FIRST.  Just cut it and paste it into a text file somewhere.  That way you can always get back to before you messed with it.

Ifyou didn’t save a copy and your HTML is now totally hosed.  Save a copy of how it looks now.  Then go back and choose a THEME in the customizer and that should wipe out your custom HTML and you can start all over again with the base.

“loading tags” but they never load issue

so people are having issues with the script saying “loading tags” but they take forever to load or never finish loading before you give up.

I’ve had that happen a few times but they eventually load.  

potential causes

1 - site hosting the script having a temporary performance issue

2 - you have too many tags and so it is taking a long time 

reduce tags
put in limit=## to limit the tag cloud size
put tag cloud on it’s own page

I haven’t had time to look through the script but I’m guessing that it is looking at ALL tags you have used and so IF you have a large number, then it is going to take a while.

Limit=## may not help because that limits the number it puts in the cloud and NOT the number of ones it has to read.  It still has to read and count all posts with those tags in order to figure out which tags are the most used. 

where to put the script to get the tag cloud at the BOTTOM of the page

To put the cloud tag at the bottom, you’ll have to edit the HTML

I scrolled all of the way to the bottom and put in my script.  This must be done somewhere ABOVE the </body> tag

I also assigned it a div id of “tagCloud” which is optional and then I changed the limit to none and the order to alphabetical.

<div id=”tagCloud”> 
<!—Tumblr Tag Cloud [2011-11-27]—>

<script type=”text/javascript” src=”http://rive.rs/javascripts/tumblr.min.js?css=default&limit=none&order=alphabetical&minsize=80&maxsize=210”></script>

</div>

</body>

</html>

where to put the script to get the tag cloud UNDER the sidebar

To get the tag cloud UNDER the sidebar, you have to go customize the HTML.

I found this div id for the copyright and I put my script in there.

 <div id=”copyright”>&copy; {CopyrightYears} <a href=”http://www.tumblr.com”>{lang:Powered by Tumblr}</a>

<hr><br><center><b><font size=”4” color=”black”>My Tag Cloud</font></b><br><br>

<!—Tumblr Tag Cloud [2011-11-27]—><script type=”text/javascript” src=”http://rive.rs/javascripts/tumblr.min.js?css=default&limit=25&order=frequency&minsize=80&maxsize=210”></script>

<b><font size=”4” color=”black”>End of Tag Cloud</font></b></center>

</div>

        </div>

where to put the script to get the tag cloud in the sidebar

You can put the script in various locations like your sidebar by pasting it into the “information” area of the classic customize.  I don’t know what that is called on the old customize

This is all I had in that information block

this is just a dummy page to show how to apply tag clouds

<!—Tumblr Tag Cloud [2011-11-27]—>

<script type=”text/javascript” src=”http://rive.rs/javascripts/tumblr.min.js?css=default&limit=25&order=frequency&minsize=80&maxsize=210”></script>

where i found the script

I found the script here

This is Heather Rivers’ javascript.

this is my cloud tag example blog

there are a lot of people having issues with tag clouds.  this page will show examples



Alphabetical Tag Cloud