Nuage des mots-clés animés avec blogumus

Blogumus est un widget pour nuagé des mots clés animés confectionné pour les blogs Blogger par Rony Tanck et perfectionné par Amanda.

Pour ma part, je n'avais pas vraiment trouvé le widget intéressant. Mais, vu que certains comme Test-zik et MisteraiR semblent être intéressés par ce nuage des mots-clés animés, je vous livre la méthode à suivre pour l'avoir sur votre blog.

1. Se connecter sur Blogger. Aller sur Mise en page puis sur Modifier le code html. Ne pas cocher sur " Développer des modèles de gadget ".

2. Trouver la ligne de code suivante :

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

3. Juste après la ligne ci-haut, mettre le code ci-après :

<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 par &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; et &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. Enregistrez votre modèle et allez voir le résultat.

Vous pouvez déplacer ce nouveau widget en vous rendant sur " éléments de la page ".

Par défaut, le widget a les valeurs suivantes :

* Largeur : 250px (width)

* Longueur : 200px (height)

* Couleur de fond ; blanche (white)

* Couleur du texte ; noir ( black)

* Taille du texte : 12

Toutes ces valeurs peuvent être modifiées dans les lignes de code suivantes :

a. Pour la longueur et la largeur


&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;

Changer les nombres par ceux convenant pour votre sidebar (barre latérale).

b. Pour la couleur de fond :

Changer le code de la couleur (#ffffff) par un autre. Pour plus des codes, voir cette page

&lt;param name="bgcolor" value="#ffffff" /&gt;


c. Pour la couleur du texte :


Changer les six 0 venant après 0x par une valeur autre (par défaut c'est le noir).

&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;

d. Pour la taille des mots clés (liens)


Changer le 12 au coin de la ligne suivante par un autre chiffre.

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'> .

Je crois que c'est tout ce qu'il faut savoir pour utiliser ce widget.

@+