Blogumus per Blogger ovvero il widget di una nuvola animata di etichette.

Widget della label-cloud animata per Blogger.

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| WP-Cumulus -

Aggiornamento Importante: Il sito www.swfcabin.com su cui è stato caricato il file SWF è stato segnalato da Google Chrome come fonte di malware. Quindi per installare il widget va scaricato detto file e caricato su un altro hosting che supporti i file SWF tipo Dropbox. Per maggiori informazioni consultate questo post più recente

• Widget della nuvola animata per Blogger -