from the blog: ma.gnolia goes open source, and earlier; Slides from YAPC 2008 talks

Blog the cloud?

Most blog software do not allow you to put javascript includes, so if you want to put your tag cloud as a blog entry, I suggest you use the static version we generate. Just copy the text from the textarea below into your blog post:

<div style="text-align:justify;line-height:35px;">
		<div style="padding: 10px;">
	    <a href="http://osx.iusethis.com/user/mfichtner/tag/aim" style="font-size:9px;text-decoration:none; color:#e36500">aim</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/apple" style="font-size:9px;text-decoration:none; color:#e36500">apple</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/arcade" style="font-size:13px;text-decoration:none; color:#e36500">arcade</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/archiving" style="font-size:9px;text-decoration:none; color:#e36500">archiving</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/audio" style="font-size:13px;text-decoration:none; color:#e36500">audio</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/browser" style="font-size:13px;text-decoration:none; color:#e36500">browser</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/capture" style="font-size:9px;text-decoration:none; color:#e36500">capture</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/carbon" style="font-size:9px;text-decoration:none; color:#e36500">carbon</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/chat" style="font-size:13px;text-decoration:none; color:#e36500">chat</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/codec" style="font-size:9px;text-decoration:none; color:#e36500">codec</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/color" style="font-size:13px;text-decoration:none; color:#e36500">color</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/commodore" style="font-size:9px;text-decoration:none; color:#e36500">commodore</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/context" style="font-size:9px;text-decoration:none; color:#e36500">context</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/customize" style="font-size:13px;text-decoration:none; color:#e36500">customize</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/design" style="font-size:13px;text-decoration:none; color:#e36500">design</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/desktop" style="font-size:13px;text-decoration:none; color:#e36500">desktop</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/disk" style="font-size:13px;text-decoration:none; color:#e36500">disk</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/documents" style="font-size:13px;text-decoration:none; color:#e36500">documents</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/download" style="font-size:13px;text-decoration:none; color:#e36500">download</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/email" style="font-size:13px;text-decoration:none; color:#e36500">email</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/file" style="font-size:21px;text-decoration:none; color:#e36500">file</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/finder" style="font-size:13px;text-decoration:none; color:#e36500">finder</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/ftp" style="font-size:9px;text-decoration:none; color:#e36500">ftp</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/game" style="font-size:29px;text-decoration:none; color:#e36500">game</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/graphics" style="font-size:13px;text-decoration:none; color:#e36500">graphics</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/hex" style="font-size:21px;text-decoration:none; color:#e36500">hex</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/html" style="font-size:9px;text-decoration:none; color:#e36500">html</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/image" style="font-size:21px;text-decoration:none; color:#e36500">image</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/internet" style="font-size:21px;text-decoration:none; color:#e36500">internet</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/irc" style="font-size:9px;text-decoration:none; color:#e36500">irc</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/itunes" style="font-size:13px;text-decoration:none; color:#e36500">itunes</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/iwork" style="font-size:13px;text-decoration:none; color:#e36500">iwork</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/layout" style="font-size:13px;text-decoration:none; color:#e36500">layout</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/logitech" style="font-size:9px;text-decoration:none; color:#e36500">logitech</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/mail" style="font-size:21px;text-decoration:none; color:#e36500">mail</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/management" style="font-size:21px;text-decoration:none; color:#e36500">management</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/mediaplayer" style="font-size:9px;text-decoration:none; color:#e36500">mediaplayer</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/minesweeper" style="font-size:9px;text-decoration:none; color:#e36500">minesweeper</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/movies" style="font-size:9px;text-decoration:none; color:#e36500">movies</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/multimedia" style="font-size:9px;text-decoration:none; color:#e36500">multimedia</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/multiplayer" style="font-size:9px;text-decoration:none; color:#e36500">multiplayer</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/music" style="font-size:13px;text-decoration:none; color:#e36500">music</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/network" style="font-size:13px;text-decoration:none; color:#e36500">network</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/office" style="font-size:13px;text-decoration:none; color:#e36500">office</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/opensource" style="font-size:13px;text-decoration:none; color:#e36500">opensource</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/organization" style="font-size:13px;text-decoration:none; color:#e36500">organization</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/organize" style="font-size:21px;text-decoration:none; color:#e36500">organize</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/organizer" style="font-size:13px;text-decoration:none; color:#e36500">organizer</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/p2p" style="font-size:9px;text-decoration:none; color:#e36500">p2p</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/pdf" style="font-size:21px;text-decoration:none; color:#e36500">pdf</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/player" style="font-size:21px;text-decoration:none; color:#e36500">player</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/portforwarding" style="font-size:9px;text-decoration:none; color:#e36500">portforwarding</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/processor" style="font-size:13px;text-decoration:none; color:#e36500">processor</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/productivity" style="font-size:21px;text-decoration:none; color:#e36500">productivity</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/puzzle" style="font-size:21px;text-decoration:none; color:#e36500">puzzle</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/quake" style="font-size:9px;text-decoration:none; color:#e36500">quake</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/quicktime" style="font-size:21px;text-decoration:none; color:#e36500">quicktime</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/rss" style="font-size:9px;text-decoration:none; color:#e36500">rss</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/safari" style="font-size:9px;text-decoration:none; color:#e36500">safari</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/sit" style="font-size:9px;text-decoration:none; color:#e36500">sit</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/software" style="font-size:9px;text-decoration:none; color:#e36500">software</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/sorting" style="font-size:9px;text-decoration:none; color:#e36500">sorting</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/spreadsheet" style="font-size:13px;text-decoration:none; color:#e36500">spreadsheet</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/system" style="font-size:29px;text-decoration:none; color:#e36500">system</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/text" style="font-size:13px;text-decoration:none; color:#e36500">text</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/texteditor" style="font-size:13px;text-decoration:none; color:#e36500">texteditor</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/textmate" style="font-size:9px;text-decoration:none; color:#e36500">textmate</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/vector" style="font-size:9px;text-decoration:none; color:#e36500">vector</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/video" style="font-size:13px;text-decoration:none; color:#e36500">video</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/virtual" style="font-size:9px;text-decoration:none; color:#e36500">virtual</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/web" style="font-size:29px;text-decoration:none; color:#e36500">web</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/webbrowser" style="font-size:21px;text-decoration:none; color:#e36500">webbrowser</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/word" style="font-size:21px;text-decoration:none; color:#e36500">word</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/worms" style="font-size:9px;text-decoration:none; color:#e36500">worms</a> <a href="http://osx.iusethis.com/user/mfichtner/tag/writing" style="font-size:13px;text-decoration:none; color:#e36500">writing</a> 
	</div>
	</div>
<p>Powered by <a href="http://osx.iusethis.com/">iusethis</a></p>

Dynamic cloud on your website?

If you can put raw html into your website, you might prefer the dynamic javascript version of the cloud: