DigitalOcean, un eccezionale servizio di Cloud Hosting, da provare! Inoltre, suggerendolo puoi guadagnare :)

sabato 31 gennaio 2009

Blogumus - Tag Cloud 3D plugin per Blogger

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 sinistra di questo blog). 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. Scaricare i seguenti files e metterli su un proprio spazio web: swfobject.jsblogumus.swf
  2. 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".
  3. Attivare la checkbox "Espandi i modelli widget" e cercare la seguente riga (o simile):


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

  4. Immediatamente dopo questa linea, incollare il seguente codice:

    <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'>
    <script src='http://www.carmelosaffioti.it/blog/blogumus/swfobject.js'
    type='text/javascript'></script>
    <div id='flashcontent'></div>
    <script type='text/javascript'>
    var so = new SWFObject("http://www.carmelosaffioti.it/blog/blogumus/blogumus.swf",
    "tagcloud", "240", "300", "7", "#ffffff");
    // uncomment next line to enable transparency
    //so.addParam("wmode", "transparent");
    so.addVariable("tcolor", "0x333333");
    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>


  5. Sostituire i due link nel codice con i link che fanno riferimento al proprio spazio web.
  6. 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.

2 commenti:

DigitalOcean, un eccezionale servizio di Cloud Hosting, da provare! Inoltre, suggerendolo puoi guadagnare :)

Cerca su Wiki

Cerca su Google

Cerca nel Blog con Google