domenica 16 novembre 2008

Blogumus: tag cloud animato per Blogger

Oggi voglio parlarvi di Blogumus, un widget per Blogger che ci permette di avere nella sidebar del nostro blog una tag cloud animata in 3D (lo si può vedere in azione nella parte superiore di questo post). E' stato realizzato da Amanda Fazani, l'autrice di Blogger Buster, ed è la versione per Blogger del noto WP-Cumulus di Roy Tanck.
Il widget è totalmente personalizzabile e l'installazione è sorprendentemente semplice.


Come installare Blogumus

Le modifiche da fare al nostro template per installare Blogumus sono le seguenti:
  1. Salvare una copia del template in modo da poterlo ripristinare in caso di errore. Quindi bisogna andare in Layout->Modifica HTML e premere sul link "Scarica modello completo".
  2. Attivare la checkbox "Espandi i modelli widget" e cercare la seguente riga (o simile):
    <b:section class='sidebar' id='sidebar' preferred='yes'>
  3. Immediatamente dopo questa linea, incollare il seguente codice:
    <!-- Blogumus: Inizio -->
    <b:widget id='Label99' locked='false' title='Labels' 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='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='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>
    <!-- Blogumus: Fine -->
  4. Visualizzare l'anteprima del blog, se l'installazione ha avuto successo si dovrebbe vedere il nuovo widget nella sidebar e quindi è possibile salvare le modifiche con "Salva le modifiche".

Per impostazione predefinita, l'installazione utilizza i seguenti valori:
  • La larghezza (width) è 250px
  • L'altezza (height) è di 200px
  • Il colore (bgcolor) dello sfondo è bianco
  • Il colore del testo (tcolor) è nero
  • La dimensione dei caratteri (style) è di 12

Tutte queste opzioni, evidenziate in rosso nel codice, possono essere modificate in modo da adattare meglio il widget al proprio blog.

N.B. Per funzionare Blogumus richiede l'installazione di Flash Player v7 o superiore.

11 commenti:

# - 16/11/08, 20:22

Anonimo ha detto...

Ciao , ma dove le scovi tutte qst belle e interessanti cosine??? sei unico!!! bravissimo come sempre ed interessante tutto cio' che ci proponi! un caro saluto.

# - 18/11/08, 10:27

Giuseppe ha detto...

@Fiore, grazie, troppo buona :-)
Ciao, buona giornata

# - 25/11/08, 12:21

Snapshot83 ha detto...

a me non funge, forse perchè ho le label dell'altro tipo? Mi potresti dar euna mano? Sei un grande, come sempre :-)

# - 25/11/08, 13:04

Giuseppe ha detto...

@Snapshot83, attualmente alcuni tipi di label bloccano il funzionamento dell'animazione Flash... cmq esiste un'alternativa che risolve questo problema, ma in tal caso bisogna aggiungere i tag manualmente (come un elenco di link). Dopo inserisco un aggiornamento ;-)

# - 26/11/08, 00:36

Giuseppe ha detto...

Come inserire un Tagroll animato in 3D in un blog
"[...] La tag cloud, generata dall'animazione Flash, può essere popolata manualmente. Questo vuol dire che possiamo decidere noi, sia i tag da inserire che i rispettivi nomi da assegnare: sono i nomi generati per alcuni tipi di tag (ad esempio quelli che presentano dei caratteri speciali) la causa del non funzionamento di Blogumus [...]"

# - 03/03/09, 17:16

Anonimo ha detto...

ciao!carinissima questa idea complmenti! volevo sapere cosa devo fare per inserirla su un blog Splinder per animare i miei tag..potresti aiutarmi? grazie!

# - 04/03/09, 15:14

Giuseppe ha detto...

@Figlioccio, vedi l'aggiornamento segnalato nel mio precedente commento, quella soluzione va bene anche per Splinder ;-) Fammi sapere, ciao!

# - 09/03/09, 20:40

Anonimo ha detto...

tutto perfetto!!!grazie della dritta :):) a presto !!

# - 23/06/09, 16:26

spizzio ha detto...

ciao Giuseppe!
vorrei chiederti una cosa...
nel mio template non trovo questa riga section class='sidebar' id='sidebar' preferred='yes'>
ma riguardo le section class ne ho due ma con 'content'!
non so proprio se è possibile mettere questa tag cloud...quelle che ho provato fino ad ora erano solamente statiche!
spero mi potrai aiutare!
grazie

Fabrizio

# - 24/06/09, 07:29

Giuseppe ha detto...

@Fabri, prova con l'aggiornamento del post ;-)

# - 24/04/11, 20:53

Anonimo ha detto...

Ciao, io ho aperto da poco un blog su blogger e volevo inserire una tag cloud animata in 3d nel mio blog. Non riesco proprio a trovare la riga di codice da nessuna parte... che devo fare??


Ti è piaciuto questo post? Allora cosa aspetti, iscriviti al feed RSS
Scopri cosa sono i feed RSS e migliora il tuo modo di navigare.

Posta un commento