Widget Libellés En Nuage De Mots-Clé Avec Animation Flash

Dans cet article, je vais vous montrer comment installer la nouvelle version du Widget Libellés En Nuage De Mots-Clé Avec Animation Flash dans Blogger Blogspot.
L'installation simple, rapide et sans toucher aucune ligne de code de votre modèle.
Vous pouvez également personnaliser le gadget grâce à un certain nombre d'options telles que la largeur, la hauteur, les couleurs et la vitesse.

Live Démo

Cliquez sur le lien suivant pour voir la démo en live widget libellés en nuage de mots-clé animés :
démo

Ajouter Le Widget Libellés de Mots-Clé Animés Dans Blogger

Connectez-vous à Blogger, allez dans "Mise En Page" ➥ "Ajouter Un Gadget" ➥ dans la liste proposée par Blogger, sélectionnez "HTML/JavaScript" ➥ choisissez le titre du gadget (ex: Catégories) et copier/coller le code suivant dans le grand rectangle puis cliquez sur "Enregistrer"

<div id="w2bFlashContent"><p style="display:none;">Flash Labels by <a href="http://www.TheBlogueur.Blogspot.com/">TheBlogueur</a></p></div>
<script type="text/javascript">
/*<![CDATA[*/
var w2bFlashLabelSettings = {
    blogurl        : "http://TheBlogueur.blogspot.com",
    color          : "333333",
    hoverColor     : "666666",
    backgroundColor: "FFFFFF",
    size           : 12,
    speed          : 100,
    width          : 230,
    height         : 300,
    transparency   : true
};
/*]]>*/
</script>
<script type="text/javascript" src="http://label-cloud.googlecode.com/files/TheBlogueur-new-flash-label-cloud.js"></script>

Configuration Du Gadget

Changer les valeurs des paramètres en rouge pour personnaliser l'affichage du gadget :

blogurl : remplacer http://theblogueur.blogspot.com avec l'adresse de votre blog.
color : couleur du texte
hovercolor : couleur au survol.
backgroundColor : couleur de l'arrière plan.
size : taille du texte.
speed : vitesse de rotation des mots-clé.
width : largeur en pixel.
height : hauteur en pixel.
transparency : remplacer true par false pour désactiver l'effet de transparence.

Pour obtenir les codes couleurs, consultez les liens suivants :
Code Des Couleurs HTML
Générateur De Code Couleur Hexadécimal