giovedì 18 dicembre 2008

Una tag cloud animata per Blogger

Blogumus è un plugin scritto da Amanda Fazani che ci consente di avere una tag cloud (in italiano la potremmo chiamare nuvola di etichette ) animata nel nostro blog. Il plugin è un porting di wp-cumulus scritto da Roy Tanck.

Installazione

  1. Andare in Layout » Modifica HTML e fare un bel backup del template. Non si sa mai.


  2. Spuntare la casella "Espandi i modelli widget"


  3. Cercare nel nostro template la stringa
    <b:section class='sidebar' id='sidebar' preferred='yes'>


  4. Immediatamente dopo copiare il codice che segue
    <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>
  5. Cliccare su Anteprima per accertarsi che tutto funzioni come deve.
  6. Salvare il nuovo modello

Personalizzare Blogumus

  • Possiamo modificare altezza (height) e larghezza (widht) ritoccando i parametri come nell'esempio seguente. Il valori di default sono 250 pixel di larghezza per 200 pixel di altezza.
    &lt;object type="application/x-shockwave-flash"
    data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf"
    width="300"
    height="300" allowscriptaccess="always" &gt;

  • Possiamo cambiare il colore di sfondo modificando il parametro "bgcolor". Il colore di default dello sfono è bianco.
    &lt;param name="bgcolor" value="#ffffff" /&gt;
  • Possiamo modificare il colore del testo, nero per default
  • &lt;param name="flashvars" value="tcolor=0x000000&amp;
    mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
  • Infine possiamo scegliere di avere etichette più o meno grosse. Il default è 12 pixel.
    <a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'>
Spero che sia tutto chiaro. Vi assicuro che è molto più semplice di quello che sembra.
Via | Blogger Buster

Ti è piaciuto l'articolo? Vota Ok oppure No. Grazie Mille!

Puoi votare le mie notizie anche in questa pagina.

7 commenti:

Marco ha detto...

ciao ho trovato utilissima la tua guida e così ti ho inserito come citazione sul mio blog con tanto di link...
il blog è questo http://miticosfizioso.blogspot.com/ il post interessato è questo http://miticosfizioso.blogspot.com/2008/12/mitico.html ciao...

hipst3r ha detto...

Felice di esserti stato utile.

Penso che presto scriverò due righe anche su come postare link nei commenti di Blogger ;-)

Anonimo ha detto...

La tag cloud qui non ti funziona..cioè non linka
....ma è solo un immagine senza aggiornamento?
Poi c'è nel codice che hai pubblicato un quadratino rosso sulle virgolette..
CIAO....grazie per i tuoi post
EMILIANO

Antoo ha detto...

ciao! grazie per i preziosissimi consigli che offri!!
mi chiedevo se per caso fosse possibile modificare questa tag cloud animata in modo che le tag più frequenti appaiano più grosse.. una sorta di ibridazione con quella classica in cui variano le dimensioni dei tag a seconda della frequenza.. :)
grazie ciao!!

hipst3r ha detto...

@EMILIANO
uhm...mi sembra che la tag cloud funzioni e linki correttamente...

@Antoo
Con questa versione di Blogumus credo non sia possibile fare quello che vorresti fare tu. Sorry.

Anita ha detto...

Ciao!! Quanto vorrei anche io inserire la nuvola nel mio blog!!!!!! ma è possibile che io non abbia questa stringa?? guarda davvero non ce l'ho, quella che gli somiglia di più è questa:



ma la stringa che indichi tu io proprio non la trovo...
e se inserisco il tuo codice sotto questa stringa mi appare un rettangolo vuoto nel blog al posto della tanto desiderata nuvola di etichette... help!!!

Anita ha detto...
Questo commento è stato eliminato dall'autore.
Clicky Web Analytics