La nuvola animata di etichette per Blogger si chiama Blogumus.

Un widget presentato qualche tempo fa sulla label-cloud animata ha smesso di funzionare vado quindi a illustrarne un altro che può essere inserito anche nei nuovi template del Designer Modelli. 

Questo gadget deriva dal plugin WP-Cumulus per Wordpress ed è comunemente chiamato Blogumus. 

Le etichette si muovono di moto rotatorio interagendo con il mouse. Cliccando su una di queste si accede alla relativa pagina del tipo

http://nomeblog.blogspot.com/search/label/etichetta

Andate su Design > Modifica HTML e salvate il modello completo. Espandete i modelli widget e, se avete un vecchio template, cercate la riga

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

se invece avete un modello recente cercate un codice simile a questo

<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>

In ogni caso non è particolarmente importante la posizione in cui si inserisce il widget visto che si potrà sempre spostare in un secondo momento. Cercate quindi una sezione che ritenete possa essere quella di una sidebar. 

Subito sotto incollate questo codice

<b:widget id='Label19' locked='false' title='Nuvola Etichette' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='https://sites.google.com/site/scriptperilblog/widget-1/swfobject.js' type='text/javascript'></script>
<div id='flashcontent'></div>
<script type='text/javascript'>
var so = new SWFObject("http://www.swfcabin.com/swf-files/1265483417.swf", "tagcloud", "230", "230", "7", "#ffffff");
so.addVariable("tcolor", "0x003366");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
</div>
</b:includable>
</b:widget>

 

Salvate il modello. Andate su Design > Elementi pagina e con il mouse posizionate il widget nel punto che ritenete più opportuno. Le personalizzazioni da fare riguardano i seguenti parametri:

1. Ho inserito Label19 per essere ragionevolmente sicuro che non ci sia un altro widget con quel numero che può ovviamente essere sostituito
2. Al posto di Nuvola Etichette può essere inserita una espressione diversa
3. "tagcloud", "230", "230", "7", "#ffffff"); rappresentano rispettivamente la larghezza, l'altezza e il colore di sfondo del widget
4. tcolor", "0x003366 è il colore del testo della nuvola. Si può consultare il post sui codici dei colori.
5. tspeed", "100" è la velocità del movimento di rotazione della label-cloud
6. style='12' rappresenta la dimensione dei caratteri della nuvola

Osservazioni conclusive
Se avete installato la label-cloud realizzata da phydeaux3 questo widget non sarà visibile. Quindi prima di procedere alla sua installazione bisognerà eliminarne il codice relativo. Per questioni grafiche, il gadget supporta fino a un massimo di 30 etichette. Se dopo l'installazione non vedete niente e avete più di trenta tag, procedete in questo modo. Andate su Design > Elementi pagina e cliccate su Modifica nell'elemento della Nuvola di etichette. Nella finestra che si aprirà mettete la spunta a Etichette selezionate quindi andate su Modifica

Mettete la flag a un numero di etichette minore o uguale a 30

Cliccate su Completato e su Salva. Il widget a questo punto sarà visibile. A beneficio dei più curiosi che volessero sapere come sono riuscito a inserire il filmato all'inizio del post faccio presente che ho registrato l'attività dello schermo con Jing ho salvato il filmato in SWF, l'ho caricato su DropBox e ho utilizzato il codice per inserire oggetti in flash.

fonte: IpCeI

 

Se ti è piaciuto l'articolo , iscriviti al feed cliccando sull'immagine sottostante per tenerti sempre aggiornato sui nuovi contenuti del blog: