dimanche 1 février 2009

Ajouter un nuage à Tags sur son blog




Salut ,
alors comme promis, voilà le petit tuto (enfin astuce) pour vous expliquer comment ajouter facilement un nuage à Tags sur votre blog.
D'abord, pour ceux qui veulent ajouter un nuage des mots clés basés sur les libellés, je vous conseille cet article "Nuage de mots-clés (libellés)", vous pouvez voir ce que ça donne sur ce site.
Pour ma part, je vais vous montrer comment faire un nuage à mots clé personnalisable par un moyen simple et sans entrer trop dans le code , il faut pour cela aller sur
Mozclouds et entrer l'adresse de votre site.
Le moteur de recherche va chercher les mots clé sur votre page d'accueil pour les vous afficher.
Je vous met ce qu'il m'affiche pour mon blog (Cliquer pour agrandir) :

Ensuite, vous n'avez qu'à cocher les mots clés qui vous semblent convenables. Réglez comme vous semble la couleur des tags, l'ordre de leur affichage... et regardez l'aperçu qu'il vous met.
Il faut aussi cocher pour type de recherche :

Sur le site (recherche Mozbot sur ce mot clé + syntaxe site:www.yoursite.com)

Si vous êtes satisfaits par le résultat, vous n'avez qu'à copier/coller le code HTML qui vous est généré, sur votre site, à l'endroit qui vous semble adéquat (pour les gens qui sont sous blogger, il suffit de mettre le code dans un widget Html/Javascript en vous connectant à votre compte Blogger et allant sur “ Mise en Page ”. Là, sélectionnez “ ajouter un nouvel élément ” et choisissez Html/Javascript).

Voilà, c'est fini, vous avez un nuage à Tags sur votre site!

Bonus : Comment ajouter des mots clés?

Cette partie est un peu délicate pour les gens qui ne comprennent pas le HTML, alors si vous voulez tenter l'aventure, je vous conseille d'enregistrer quelque part le code que vous avez obtenu plus haut, comme ça une fausse manip ne vous fera rien perdre!
Allez, au boulot :
Voilà le code à ajouter, suivez les instructions, ci-dessous:


//si vous avez choisi tags avec couleur
<span style="padding: 2px 5px;float:left;font-size:taille;font-weight: bolder;font-family:Arial;" >
<a  class="cloudtagname" style=" text-decoration:none; color:#86AF15;"  href="http://www.mozbot.fr/search?q=mot_cle+site%3Ahttp://votre_site">mot_cle</a></span>

//sinon
<span style="padding: 2px 5px;float:left;font-size:taille;font-weight: bolder;font-family:Arial;" >
<a  class="cloudtagname" style=" text-decoration:none;color:code_couleur;"  href="http://www.mozbot.fr/search?q=mot_cle+site%3Ahttp://votre_site">mot_cle</a></span>


Instructions : Pour chaque mot clé que vous voulez ajouter, il vous suffit d'ajouter (copier/coller) les 2 lignes de code ci-dessus, à votre code déjà existant, juste avant le:


Vous avez aussi à modifier les 2 lignes, comme suit:
font-size:taille; //remplacer taille par : small ou large ou x-small ou x-large ou xx-large.
color:code_couleur; //remplacer code_couleur par le code de la couleur que vous avez choisi (code en hexadécimal par ex: color:#86AF15; )
http://www.mozbot.fr/search?q=mot_cle //remplacer mot_cle par le mot clé que vous voulez ajouter à vos tags
http://votre_site //mettre l'url de votre site
mot_cle //remplacer mot_cle par le mot clé que vous voulez ajouter à vos tags

Voilà! C'était pas dur hein?
Partagez cet article sur vos réseaux sociaux :



Recevez les nouveautés par email

0 commentaires:

Sélectionnez les signes à côté du smiley à insérer dans votre commentaire

:)) ;)) ;;) :X :(( =(( :-o :-* :| :)] :-t
b-( :-L :-/ o_O :D ;) :p :) :( 8-) ^^

Enregistrer un commentaire

Related Posts with Thumbnails