06 marzo 2011

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

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
etichette selezionate blogger
Mettete la flag a un numero di etichette minore o uguale a 30
numero etichette blogger
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




9 commenti:

  1. Ernesto hai provato a vedere se c'è un limite di etichette? Perché per quello che ho messo io (non ricordo da dove l'ho preso) c'era un max di 30 etichette mi sembra... oltre il quale non funzionava più e così ho dovuto selezionarle. Anche se è compatibile anche con il widget etichette vero e proprio... infatti voglio utilizzare questo solo per le categorie a questo punto

    RispondiElimina
  2. @Soffio di Dea
    Le trenta etichette sono il limite massimo anche per Wordpress. E' una questione di compatibilità grafica. Pensa un po' cosa sarebbe il widget con migliaia di link che roteano :)

    RispondiElimina
  3. A me risulta sempre la barra completamente bianca :-(

    RispondiElimina
  4. Anche a me continua ad apparire la barra bianca, non ho mai scaricato la label-cloud di phydeaux3, ho anche provato a togliere il vecchio widget "etichette" e ridotto il numero delle etichette da visualizzare a 29... Peccato, era così carino...

    RispondiElimina
  5. In effetti è scomparso il gadget anche a me in questi giorni...inizialmente andava.

    RispondiElimina
  6. Io fino a pochi giorni fa utilizzavo blogmulus e tutto funzionava alla perfezione...ora da qualche giorno il gadget non funziona più e al posto delle etichette 3d che ruotano esce scritto: Blogumulus by Roy Tanck and Amanda Fazani

    Ho provato a sostituire il codice con quello di questo articolo(che mi pare sia sempre blogmulus ma funzionante) ma non si visualizza nulla e anzi pare che inserendolo mi cancella parti del blog come un gadget adsense(quello del tasto cerca di google adsense) e il logo del blog sopra di esso)...Come posso risolvere?

    RispondiElimina
  7. @Totorn Questo widget ogni tanto va via poi ritorna. E' successo anche con il mio blog di prova. Puoi procedre in questo modo
    1)Elimina il widget Etichette di Blogumus che hai installato
    2)Installa un nuovo gadget Etichette
    3)Seleziona un numero di etichette inferiore a 30 andando su Modifica
    4)Inserisci questo codice come illustrato nel post
    5)Se non funziona c'è poco da fare :(

    RispondiElimina
  8. ecco perfetto... il tuo ultimo post ha sciolto ogni mia speranza.... ho aperto da poco un blog e ho subito amato questa nuvoletta :D l'ho messa e non mi ha dato problemi (ho 14 etichette) tutto filava liscio poi improvvisamente oggi è diventato bianco ho cancellato, reinstallato ma adesso se supero le 5 etichette ritorna bianco :S vabbhè accontentarsi non credo sia roba da poco.... Magari stasera provo ad aumentare le dimensioni della finestra, forse quello influenza in qualche modo

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti al post.