Etichette animate per blog

Lo script che vi presento oggi può essere invidiato da tutte le piattaforme, wordpress compresa.

Si tratta di Blogumus, un modo del tutto nuovo di presentare un elenco di etichette all'interno di un elemento del layout.

L'esempio che trovate qui in basso è stato prelevato da questa pagina: Blogumus.

L'installazione è molto semplice:

Recatevi in Layout/Modifica HTML, ricercate la stringa:

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

e subito dopo incollatevi questo 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://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>

<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>

<script type='text/javascript'>

var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);

// uncomment next line to enable transparency

//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);

so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);

so.addVariable(&quot;mode&quot;, &quot;tags&quot;);

so.addVariable(&quot;distr&quot;, &quot;true&quot;);

so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);

so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);

so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);

so.write(&quot;flashcontent&quot;);

</script>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

Avrete cosi un vostro elenco di etichette animate.

Le novità non finiscono qui. Infatti il codice può essere personalizzato in molti punti.

Le impostazioni predefinite sono:

Larghezza ed altezza rispettivamente a 240px e 300px (Successivamente in rosso e blu)


Colore di sfondo: bianco (verde)


Colore del testo: grigio (viola e non preceduto da "#")


Dimensione del testo: 12 (arancio)

Per apportare delle modifiche agite semplicemente sui punti evidenziati :

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

so.addVariable("tcolor", "0x333333");

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>");

Ricordo inoltre che affinchè il tutto venga visualizzato correttamente serve avere la versione aggiornata di Adobe Flash Player.