29 janv. 2013

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

libellés Nuage Mots Clé Animés
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

22 commentaires:

  1. Merci beaucoup car ça marche... presque comme je le souhaite mais je ne parviens pas à faire prendre en compte à Blogger les valeurs que j'ai personnalisées.
    color ?
    overcolor ?
    width ?
    height ?
    size ?
    Le gadget persiste à me montrer le même nuage flottant des libellés en nuances de gris toujours dans une même taille de police qui ne change pas et le gadget ne varie pas la dimension de son encadrement... alors même que je fais vainement varier les valeurs pour essayer de vraiment personnaliser mon gadget.
    Bizarre, non ?

    RépondreSupprimer
  2. Bonjour, merci pour ce widget simple à mettre en place. Toutefois il m'est impossible de modifier les paramètres de personnalisation, auriez-vous une astuce ?
    Est-il possible de donner plus d'une couleur aux libellés ?
    Merci par avance.

    RépondreSupprimer
  3. Bonjour et merci pour ces indications.
    Faut-il remplacer l'adresse du blog uniquement sur la ligne "blogurl" ou bien partout où apparaît Theblogueur.blogspot.com ?

    Merci par avance.

    RépondreSupprimer
  4. Bonjour,je suis tout débutant et je viens de se connecter à Blogger mais je n'ai même pas trouver "Mise en page" pour commencer les modifications !!!

    RépondreSupprimer
  5. Merci beaucoup pour ce Post, j'ai vraiment trouvé se que je cherche

    RépondreSupprimer
  6. tant que je suis débutant dans le domaine des blogs j'ai vraiment trouvé ceci impressionnant.
    centre d'appel

    RépondreSupprimer
  7. Bonjour, c'est vraiment bien, je le cherchais depuis longtemps maisje n'arrive pas a changer la couleur du texte, comment puis je faire s'il vous plait ?
    merci

    RépondreSupprimer
  8. Bonjour, merci pour ce post, j'ai juste un petit problème, le nuage de mot n'arrive pas à rediriger vers les bonne pages lorsque le mot clef choisi contient des accents "é, è, ê, etc." Est-ce qu'il existe un moyen d'y remédier ?

    RépondreSupprimer
  9. Plusieurs problème impossible de changer les couleurs ,
    et surtout ayant énormément de libellés le nuage est noir rien est lisible . Dommage qu'on ne puisse pas sélectionner seulement les libellés que l'on souhaite voir dans le nuage.

    RépondreSupprimer
  10. bonjour, en cliquant sur mes nouveaux libellés, la page qui s'ouvre ne montre pas les nouveaux articles ?

    RépondreSupprimer
  11. bonjour, ,merci pour ce tuto, çà me palit et facile à mettre en place, le seul truc c'est que moi aussi impossible de changer la couleur et la taille des lettres pour assortir à mon blog, si vous avez une astuce je suis preneuse merci ;)

    RépondreSupprimer
  12. Nous vous remercions de votre sujet et Bienvenue
    http://logiciels-net.blogspot.com/

    RépondreSupprimer
  13. Comme beaucoup d'autres, je n'arrive pas à changer les dimensions ni les couleurs
    J'apprécierais beaucoup l'aide de blogueurs plus expérimentés que moi. Merci!

    RépondreSupprimer
  14. Super ! ça fonctionne ! Merci beaucoup :)

    RépondreSupprimer
  15. Bonjour,
    Depuis quelques jours, mon nuage de tags ne fonctionne plus, est-ce que quelqu'un a le même soucis ?

    RépondreSupprimer
  16. Bonjour à tous,

    En ce qui concerne les couleurs, il suffit de retirer le # qui est devant la référence de couleur et là c'est bon... ça devrait marcher.

    RépondreSupprimer
  17. Oui moi aussi plus rien, une solution ?

    RépondreSupprimer
  18. https://olympus.live
    https://olympus.live
    https://olympus.live

    RépondreSupprimer
  19. argghhhh, l'explication est très claire, mille mercis !!!
    mais pour moi ça ne fonctionne pas, dommage...
    http://dispapapourquoi.blogspot.fr/

    RépondreSupprimer
  20. US Open Golf 2017 live, Times, TV Schedule & Golf Live Stream

    Watch HD>>>US Open

    Live Link Here==>>US Open 2017

    Watch HD>>>US Open 2017 Golf

    Live Link Here==>>US Open 2017 Live

    Watch HD>>>US Open 2017 Live Streaming

    Live Link Here==>>2017 US Open Live stream

    Watch HD>>>PGA Championship 2017

    Live Link Here==>>PGA Championship 2017 Golf Live streaming for free

    Watch HD>>>2017 PGA Championship

    Live Link Here==>>PGA Championship 2017 Live

    Watch HD>>>2017 US Golf Open

    Live Link Here==>>US Open Golf live Watch HD



    Best Mk

    RépondreSupprimer