Blogumus, un label cloud animato per Blogger


imageQuesto simpatico widget da aggiungere al proprio blog ha talmente spopolato che non mi stupirebbe se col tempo soppiantasse per sempre il vecchio label cloud statico. Blogumus è un widget per Blogger che vi permetterà di visualizzare le etichette dei vostri post in una sfera tridimensionale che reagirà al passaggio del mouse dell'utente.

Il plugin è stato realizzato da Roy Tanck per Wordpress e l'autrice di Blogger Buster ha trovato un modo per visualizzarlo anche su Blogger. E' totalmente personalizzabile e l'installazione richiede pochi minuti.

Aggiornamento: il codice che presento in questo post ha qualche problema con Internet Explorer, ne ho pubblicato una nuova versione qui.

Installazione e personalizzazione del widget

Dopo aver fatto una copia di sicurezza del vostro template, da Layout->Modifica HTML, selezionate "Espandi i modelli widget" e cercare la seguente riga di codice:

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

Subito sotto, incollate questo codice html:

<b:widget id='Label99' locked='false' title='Categorie' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    &lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
        &lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
        &lt;param name="bgcolor" value="#ffffff" /&gt;
        &lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
      <b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;" /&gt;
        &lt;p&gt;Blogumulus by &lt;a href='Roy">Roy">http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='Amanda">Amanda">http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
    &lt;/object&gt;
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>

Personalizzando le parti in verde così:

  • Categorie è il nome dell'oggetto
  • 250 e 200 sono rispettivamente larghezza e altezza dell'oggetto, modificatele per adattarle al vostro template
  • ffffff e 000000 sono rispettivamente il colore di sfondo e quello del testo delle etichette, secondo la codifica RGB
  • 12 è la dimensione del carattere

Una volta fatto, potete salvare il template. In Layout->Elementi pagina, troverete un nuovo elemento che potete posizionare dove più vi piace. Visualizzando il blog, potrete già vederlo in azione. Potete anche far convivere il vecchio widget di Blogger per la visualizzazione delle etichette con Blogumus, senza che vadano in conflitto. L'oggetto si aggiornerà automaticamente quando verranno aggiunte nuove categorie di post.

Problemi noti

  • A me è successo, e non solo a me, che alcune categorie non fossero visualizzate. Può succedere se nella categoria c'è un solo post.
  • Al posto dell'oggetto potrebbe comparire un'area bianca senza niente. Potrebbe essere un errore del codice del template, nella versione di Flash che avete installata nella vostra macchina o nei JavaScript disabilitati.
  • Potrebbe succedere che cliccando sull'etichetta non succeda niente: questo è principalmente un problema di browser. Io l'ho testato con Firefox 3, Chrome e Internet Explorer 8, senza problemi. Non so come si comporti Opera, per esempio, o con le versioni più vecchie dei browser che ho citato.
Condividi su Facebook, Twitter o Google Buzz:
Condividi su Facebook Condividi su Twitter Pubblica su Google Buzz

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:
oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!

32 commenti:

Anonimo ha detto...

L'ho provato ed è magnifico. Grazie di cuore!

Claudio Pomes ha detto...

Ciao Ten era carino questo widget ma con internet explorer 7 non funge, clicchi e non fa niente..almeno sul mio sito.

boh ci sono rimasto male mi piacciono ste cosine dinamiche

Tenebrae ha detto...

@claudio: che stress avere a che fare con mille browser diversi... comunque credo che ci sia una soluzione al problema, stasera vedrò di applicarmici

Manu ha detto...

Ciao Tenebrae, io l'ho installato ma non funziona, vedo solo una schermata bianca.. come mai??

coscienza critica ha detto...

Mille grazie a:
tenebrae
Roy
Amanda

Se può essere utile, io ho trovato la riga di codice, anche senza espandere i modelli widget.

Ciao :-)

Unknown ha detto...

sempre cosine facili facili...
' per chi le sa fare '... :-)))

Giulianadicuore ha detto...

Ciao!
Grazie! Sono riuscita ad installarlo ed era tantissimo che lo cercavo!
Vorrei ringraziarti anche per tante altre cose!!!

Giulianadicuore ha detto...

ti ho linkato!
:))

Ciao!

Claudio Pomes ha detto...

approposito di giochini grafici, se vai nella mia home page (www.navigaweb.net) puoi vedere un'altra cosa grafica molto carina (in basso a destra) che sicuramente avrai gia visto; se non la hai gia provata ti dico che funge benissimo ed è molto leggera basata sulle api di google; se non ti piace, è sempre uno spunto per un tuo articolo.

Antonino ha detto...
Questo commento è stato eliminato dall'autore.
the Tramp ha detto...

Ho provato in passato e non andava. Ho riprovato stasera ma viene sempre un rettangolo bianco,leggo alla fine del post che può dipendere dai Javascript o da Flash, ma come si può risolvere? Mi piacerebbe proprio poterlo inserire nel blog.Anzi approfitto per chiederti: una volta inserito è possibile togliere le etichette classiche di blogger e lasciare solo questa cloud?Come sempre grazie grande Ten.

Tenebrae ha detto...

@Claudio: si avevo già visto il widget, credo sul blog di hoctro, molto carino... ma vorrei trovare il tempo di migliorare l'interfaccia prima di parlarne qui

@Tramp: ho appena pubblicato la nuova versione, questa dovrebbe funzionare, fammi sapere!

Anonimo ha detto...

Ho provato più volte ad inserire questa bellissima tag cloud ma non riesco a visualizzare nulla (solo un rettangoo bianco), a meno che, alla 19^ riga al posto di "url" non ci scriva l'indirizzo del mio blog e allora appaiono le etichette animate, ma resta il problema che cliccandoci su non indirizzano e continuano a girare tranquillamente. Il mio browser è firefox 3 e il sito è su blogger.
Quali sono le cause e come posso risolvere?
Grazie mille per la tua risposta.

Ciao
Mimmo

ZiaBoby ha detto...

ciao Tenebrae, da quanto tempo che non passo, naggia a sti esami...
comunque provai questo tempo fa quando Blogger Buster lo pubblicò... sul mio blog non è proprio adatto, ho troppe etichette.

Tenebrae ha detto...

ciao cami, ti capisco, anch'io sono presissimo dal lavoro... ma esami di cosa?

ZiaBoby ha detto...

esami per l'università, oggi ho dato il primo, che liberazione, da dicembre torna attiva anche qui

Anonimo ha detto...

Indovina un po' cosa ti chiede il buon Forrest?
E su illacrimo dove devo inserire la "pappardella"? :-)

Ciao

Simona Gargiulo ha detto...

Wowwwwww, grazie...li avevo sempre visti in giro e non avevo proprio idea di come si inserissero...l'ho appena fatto sul mio blog, insieme alla neve che cade giù...GRAZIEEEEEEE!!!
Ne approfitto per farti una domandina(tanto per cambiare, dirai tu!!!;-), ma come mai le immagini del mio blog non si ingrandiscono??
Ho fatto tremila prove, ma senza nessun risultato...solo tu puoi aiutarmi a svelare l'arcano....e poi, già che ti trovi, riesci a capire perchè molte persone non riescono a visualizzare il mio blog e altre non riescono a lasciarmi un commento?
Mi dicono che manda in tilt il loro sistema antivirus..ho tolto già qualche schifezzella nelle barre laterali, ma non è cambiato niente!!!:-(
Ti ringrazio anticipatamente per l'attenzione,
a presto su questi schermi;-)
Simona
atuttoscrap.blogspot.com

Snapshot83 ha detto...

purtroppo non va nemmeno da me.. rettangolo bianco... :-(

♥Mary47♥ ha detto...

Scusami, ho fatto il commento anche in una altra sezione, pure a me appare solo il rettangolo bianco (blogger, firefox).
Ti ringrazio e seguirò anche i suggerimenti dati agli altri blog.
Ciao Ciao

Micha Soul ha detto...

fatto! bellissimo!! grazie!!

Tenebrae ha detto...

@snapshot, mary47: avete provato a usare il codice che ho spiegato qui?

Micha Soul ha detto...

Ops, Ho detto "fatto" e "bellissimo" troppo presto! In realtà, ho dovuto aggiungere anch'io il link del blog al posto di "url" (19^ riga) e anche da me nonostante si vedesse il riquadro con le scritte che gironzolano, quando ci vado sopra non succede niente. Ho provato anch'io con il nuovo codice che hai messo ma sempre stessa cosa. ma al posto di quel "url" ci va o non ci va l'indirizzo del blog. E se non ci va, come mai mi arrare un quadrato senza scritte? :(
L'ho tolto per il momento...finché non mi avrà aiutata qualcuno..
ciaoo

Tenebrae ha detto...

@soulplugger: se lo rimetti invece ci do un'occhiata ;)

♥Mary47♥ ha detto...

Si ho seguito le indicazioni, ho cambiato i colori, ho ridotto la larghezza (che tra l'altro si è ridotta solo su I.E. e non su Firefox), mi esce la finestra e sotto tutto l'elenco. L'ho rifatto anche in questo momento ma non cambia nulla.
Grazie mille

Snapshot83 ha detto...

si, ho provato ma niente

Anna ha detto...

Ti ho linkato :)

bebby1988 ha detto...

ciao io ho un problema io vorrei dei gadget per il mio blog però non riesco a trovarne tipo mettere il tasto dell feed o di facebook

Asgard ha detto...

l'ho provato ma non va... appaiono solo i codici in html :-/

MONICA ha detto...

ciao, ho seguito le istruzioni passo passo ma sono riuscita solamente a modificare la grandezza del label cloud. visualizzo solo un quadrato bianco inerte : 0 ((
con firefox ed anche con explorer.
Dimmi dove sbaglio, per favore.
grazie
Ps: sei tra i blog che seguo da molto tempo!
il tuo apporto è insostituibile!

Tenebrae ha detto...

@monica: esiste una versione più aggiornata di questo post, come ho scritto in rosso all'inizio, forse utilizzando quello risolvi il problema

oppure puoi dare un'occhiata qui

se proprio non va, mettici una pietra sopra, perchè su alcuni blog (pochi in verità) sembra non ci sia stato proprio modo di farlo funzionare

Capitan Simon ha detto...

Domanda da totale incompetente...
Non trovando in alcun modo (moduli espansi o meno) la riga di riferimento iniziale, c'è qualche altro modo per aver speranze di inserire questo widget?
Grazie!


Prima di lasciare un commento, leggete qui

Posta un commento

Nota. Solo i membri di questo blog possono postare un commento.