Come inserire la tag-cloud in flash Blogumus in un blog su Blogger.

  Personalmente rimango fedele alla label-cloud basata su Del.icio.us che ho installato ma certamente dal punto di vista estetico quelle nuvole di tag che si muovono sono molto affascinanti. Prima di inserire questo gadget come al solito occorre salvare il modello completo per un eventuale back-up nel caso in cui il template non fosse compatibile con questa personalizzazione.

Il metodo illustrato è stato creato da Amanda Fazani che ha riadattato per Blogger lo script di Roy Tanck, "WP Cumulus" che è un plugin di Wordpress (da qui il nome Blogumus = Blogger + Cumulus). Andare in Layout > Modifica HTML e cercare la seguente riga

<b:section class='sidebar' id='sidebar' preferred='yes'>

o una analoga. Quindi immediatamente sotto inserite quest'altro codice

<b:widget id='Label99' locked='false' title='Etichette' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;120&quot;, &quot;150&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='14'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Le personalizzazioni da fare sono:

1. Nome del widget - in questo caso "Etichette"
2. Dimensioni del widget - in questo caso 120 pixel di larghezza e 150 di altezza che possono essere variati a seconda della grandezza della sidebar nella quale si inserisce
3. Colori - in questo caso #ffffff è il colore di sfondo (completamente bianco) e #333333 è il colore del testo (grigio chiaro) del gadget
4. Dimensioni del carattere - in questo caso 14 pixel

Dopo aver salvato il template, il gadget sarà visualizzato nella parte alta della prima sidebar; per inserirlo nella posizione voluta o in altra sidebar, andate in Layout > Elementi pagina e, con il mouse, posizionatelo a piacimento. Se si vuole cambiare il nome al widget occorre farlo andando sul modello e non aprendo l'elemento pagina. Può anche essere inserito in contemporanea al widget di default di Blogger oppure da solo. Quando si clicca su un etichetta della nuvola appaiono tutti i post relativi, cioè una pagina del tipo http://nomeblog.blogspot.com/search/label/nome-etichetta che conterrà tutti quelli pubblicati. 

Per vedere all'opera questo widget recatevi nel blog Glamour che uso per fare delle prove e guardate in alto a sinistra. In quel caso le etichette sono poche e la sidebar è piccola ma se si ha un blog con molti articoli, molte categorie e più spazio è di grande effetto. Si visualizza con tutti i browser.