Le grand succès qu'a connu le premier widget Google traduction avec drapeaux sera vite effacé par celui-ci.
En effet, je viens de modifier le code fournis par Blogger accessories pour avoir le widget Google traduction avec 24 drapeaux pour 24 langues. Il y a l'anglais, l'arabe, l'indu, le chinois (simplifié et traditionnel), le japonais, le coréen, l'espagnol, le tchèque, le grec, le finlandais, le roumain, le russe, le danois, le norvégien, le suédois, le croate, l'allemand, le portugais, le polonais, l'italien, le bulgare, le finois (je crois que c'est la traduction de finnish en anglais) et le germain (dutch en anglais).
Donc, il y en a pour toutes les sauces, régalez vous.
Pour l'avoir sur votre blog, il suffit de copier le code ci-dessus que vous allez coller dans un widget html/javascript.
Donc, il y en a pour toutes les sauces, régalez vous.
Pour l'avoir sur votre blog, il suffit de copier le code ci-dessus que vous allez coller dans un widget html/javascript.
<div style="padding:10px 10px 10px 10px;text-align:center;">
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cen&hl=fr&ie=UTF8'); return false;" title="Google-Traduction-Français-en-anglais "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to French " src="http://i321.photobucket.com/albums/nn397/rodney2006_2008/flag_usa.gif" height="18" title="Google-Traduction-Français-en-anglais "/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Car&hl=fr&ie=UTF8'); return false;" title="Traduire français en Arabic"><img border="0" style="cursor:pointer; cursor:hand;" alt="Traduire français en Arabic" width="24" src="http://i263.photobucket.com/albums/ii150/mohamedrias/Arabic_Flag.png" height="18" title="Traduire français en Arabic"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Czh-CN&hl=fr&ie=UTF8'); return false;" title="Translate to Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-Chinese (Simplified) BETA" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_chinese_s.png" height="18" title="Translate to Chinese (Simplified) BETA"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cbg&hl=fr&ie=UTF8'); return false;" title="Traduire français en Bulgarian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Arabic" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Bulgarian_Flag.png" height="18" title="Translate to Bulgarian"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Czh-TW&hl=fr&ie=UTF8'); return false;" title="Traduire français en Traditional Chinese"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Arabic" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Mandarin_Flag.png" height="18" title="Translate to traditional Chinese"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Chr&hl=fr&ie=UTF8'); return false;" title="Traduire français en Croatian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Croatian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Croatian_Flag.png" height="18" title="Translate to Croatian"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Ccs&hl=fr&ie=UTF8'); return false;" title="Traduire français en Czech"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Czech" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Czech_Flag.png" height="18" title="Translate to Czech"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cda&hl=fr&ie=UTF8'); return false;" title="Traduire français en Danish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en danish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Danish_Flag.png" height="18" title="Translate to Danish"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cnl&hl=fr&ie=UTF8'); return false;" title="Traduire français en Dutch"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Dutch" src="http://i40.photobucket.com/albums/e208/winglord01/nederlands.gif" height="18" title="Translate to Dutch"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cfi&hl=fr&ie=UTF8'); return false;" title="Traduire français en Finnish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Finnish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Finnish_Flag.png" height="18" title="Translate to Finnish"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cde&hl=fr&ie=UTF8'); return false;" title="Traduire français en German"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en German" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_german_s.png" height="18" title="Traduire français en German"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cel&hl=fr&ie=UTF8'); return false;" title="Traduire français en Greek"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Greek" src="http://i18.photobucket.com/albums/b120/pdhinderlie/Web%20Stuff/Flags/flag_gr.gif" height="18" title="Translate to Greek"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Chi&hl=fr&ie=UTF8'); return false;" title="Traduire français en Hindi"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Hindi" src="http://i323.photobucket.com/albums/nn467/techbookmark/hindi.png" height="18" title="Translate to Hindi"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cit&hl=fr&ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt=" Traduire français en Italian" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_italian_s.png" height="18" title=" Traduire français en Italian"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cja&hl=fr&ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English to Japanese BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_japanese_s.png" height="18" title="Traduire français en Japanese BETA"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cko&hl=fr&ie=UTF8'); return false;" title=" Traduire français en Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Korean BETA" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_korean_s.png" height="18" title="Traduire français en Korean BETA"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cno&hl=fr&ie=UTF8'); return false;" title="Traduire français en Norwegian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Norwegian" src="http://i536.photobucket.com/albums/ff328/pmhrid/norway_flag.png" height="18" title="Translate to Norwegian"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cpl&hl=fr&ie=UTF8'); return false;" title="Traduire français en Polish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Polish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Polish_Flag.png" height="18" title="Translate to Polish"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cpt&hl=fr&ie=UTF8'); return false;" title="Traduire français en Portuguese"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Portuguese" src="http://i18.photobucket.com/albums/b120/pdhinderlie/Web%20Stuff/Flags/flag_pt.gif" height="18" title="Translate to Portuguese"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cro&hl=fr&ie=UTF8'); return false;" title="Traduire français en Romanian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Romanian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Romansh_Flag.png" height="18" title="Translate to Romanian"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cru&hl=fr&ie=UTF8'); return false;" title="Traduire français en Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Russian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Russian_Flag.png" height="18" title="Translate to Russian"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cru&hl=fr&ie=UTF8'); return false;" title=" Traduire français en Russian BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Russian BETA " src="http://i263.photobucket.com/albums/ii150/mohamedrias/_russian_s.png" height="18" title=" Traduire français en Russian BETA "/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Ces&hl=fr&ie=UTF8'); return false;" title="Traduire français en Spanish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Spanish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Spanish_Flag.png" height="18" title="Traduire français en Spanish"/></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Csv&hl=fr&ie=UTF8'); return false;" title="Traduire français en Swedish"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Traduire français en Swedish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Swedish_Flag.png" height="18" title="Translate to Swedish"/></a>
<div style="display:none;">
<small><a href="http://rias-techno-wizard.blogspot.com" target="_blank">+</a></small><a href="http://blogger-au-bout-du-doigt.blogspot.com/2008/09/widget-google-traduction-24-drapeaux.html" target="_blank">Obtenir ce widget</a></div>
</div>
Alors, on dit quoi ?
On dit Ah!!! merci Rodney ! je l'avais trouvé, mais n'avais pas encore osé modifier le code même si les instructions de Mohamed Rias sont bien détaillées. Je vais le tester illico.
RépondreSupprimerSinon, "dutch" c'est le néerlandais (parlé en Hollande, Pays-Bas)
Hey, cette astuce est vraiment très pratique, elle me permet de remplir mon pied de page (barre bleu en bas)
RépondreSupprimerTiens j'ai une bonne nouvelle pour toi ! J'ai fini d'adapter mon code pour afficher une image et un texte lors du passage de la souris et je pense pouvoir meme l'adapter en didacticiel ! Je m'y met des que je rentre chez moi c'est a dire samedi !
Hi ,
RépondreSupprimerI am Mohamed Rias admin of Blogger Accessories. Thanks for translating this Google Translation widget to your language.
regards
Blogger Accessories
C'est tout bonnement génial. Je crois que si tu n'existais pas, il faudrais t'inventer.
RépondreSupprimerQuant tu m'auras refilé les 5 ou 6 liens, mon pagerank va faire boum
bonjour rodney, juste une question, est ce que ce code fonctionne sur un blog privé. J'ai un blog pour ma famille répartie à travers le monde mais afin de restreindre l'accès (photos d'enfants et tout ça...)je l'ai un tant soit peu sécurisé et les traducteurs ne semblent pas fonctionner ...
RépondreSupprimerMerci beaucoup par avance pour ton aide et longue vie à toutes tes bonnes idées !
@ Lepatreb : l'accès étant restreint, le code ne peut marcher correctement.
RépondreSupprimermerci pour ton astuce rodney et merci beaucoup pour ton site qui me sort du petrin a chaque foit
RépondreSupprimerpeace rodney
Super ! quelques corrections de drapeaux sinon parfait.
RépondreSupprimerLa classe serait d'avoir en balise "title" de l'image le nom de la langue du drapeau dans l'orthographe de destination.
RépondreSupprimerSi j'ai un moment je le ferai et je vous repasserai le bloc ...
WOW! merci
RépondreSupprimermerci! il y'a un probleme avec le drapeau japonais il ne s'affiche pas correctement sur la page de mon blog? les autres marchent bien pourtant...
RépondreSupprimerHOLA: No puedo ver la traducción de mi blog, se queda vacío. AYÚDAME.
RépondreSupprimer@ jfmarcelo : Si tu blog es en español, no puede caminar. Tenemos el blog en francés
RépondreSupprimersuper idée rodney , au niveau du référencement ça donne quoi ?
RépondreSupprimerPas grand chose niveau référencement. Mais, niveau lisibilité du blog par les visiteurs de langue étrangère (comme jfmarcelo ci-haut), c'est déjà quelque chose.
RépondreSupprimerJ'ai essayé de passer le bloc avec les "title" dans la langue de destination comme promis, mais le logiciel de commentaires n'accepte pas le html.
RépondreSupprimer?!
La barre ne veut s'avicher que verticalement même en haut du blog, que puis-je faire ?
RépondreSupprimermerci pour tous ces conseils
Merci beaucoup pour votre travail. J'ai supprimé Dutch, manque de drapeau. Sinon tout fonctionne parfaitement. Je l'avais fait mais avec drapeaux plus grands, j'en avais assez de réduire l'image... Merci, merci du bon boulot et cela s'affiche soit en ligne soit en un rectangle.... ;))
RépondreSupprimertout simplement grand MERCI. Merveilleurs voeux en cette année 2009
RépondreSupprimerTrès grand Merci, cela fonctionne bien et comme j'ai des visiteurs anglais, espagnols, russes, allemands je trop contente, bravo !!!
RépondreSupprimerEncore Merci, juste une petite adresse pour le drapeau neerlandais pour traduire en Dutch :
RépondreSupprimerhttp://i166.photobucket.com/albums/u106/language_forum/Languages/Dutch_Flag.png
à remplacer dans le code à la place de :
http://i40.photobucket.com/albums/e208/winglord01/nederlands.gif
Ceci pour te remercier et comme ça tu auras tous les drapeaux, biz
On dit chapeau Monsieur et Merci :-o
RépondreSupprimerUne petite remarque tout de même:
RépondreSupprimersi vous faîtes attention aux drapeaux, vous remarquerez que vous y trouverez le drapeau suisse (rouge avec une croix blanche), mais cliquer sur ce drapeau donne une traduction en Roumain...??
Eh oui, le drapeau est pour le Romansh (4ème langue natinale suisse, encore parlée par une petite minorité, le corse des suisses, quoi!).
Je ne suis pas très sûr que la confusion soit très en rapport avec l'imagerie populaire! (les suisses pour des roumains!!... :)) c'est les roumains qui seraient contents d'avoir l'UBS! :)) ).
Bon, aller, ne nous perdons pas en route, voici le bon lien pour le drapeau roumain:
http://i166.photobucket.com/albums/u106/language_forum/Languages/Romanian_Flag.png
Merci !
RépondreSupprimer=(( et :)
Uperbe, merci pour ce widget fort utile.
RépondreSupprimerMerci, çà marche nickel. J'avais testé le traducteur "babel fish" : moins de langues et pas de redirection possible pour les commentaires.
RépondreSupprimerSinon cette page buggue avec internet explorer, j'ai du utiliser Firefox pour poster un commentaire.
:-*
mercie http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif
RépondreSupprimerRodney, tu es vraiment trop fort. J'ai régulièrement des visiteurs de pays non francophones et ce widget est un vrai plus. Question: La ligne de drapeaux dans l'image écran présentée au début de l'article est au-dessus du bandeau (c'est également le cas dans le blog de NicTeam "Légendes de la chanson francophone"), comment fait-on?
RépondreSupprimerMerci
C'est génial!!!!! super simple a installer même pour une nulle comme moi. J'adore. CathF
RépondreSupprimerbonsoir
RépondreSupprimerje recherche une traduction en francais en fait j'ai crée un blog italien et je veux le traduire en francais
hel^p
Bon, je n'arrive pas à mettre le traducteur, aider moi, comment faut t-il faire ?
RépondreSupprimerAider moi je n'arrive pas à avoir le même résultat que vous !
RépondreSupprimerMoi c'est idem, j'ai bien les petits drapeaux, c'est la classe, mais ce ne sont pas des boutons, on ne peut pas cliquer dessus.
RépondreSupprimerQu'est-ce-que j'ai fait mal ?
Quel dommage !
Bravo pour ce super Widget!
RépondreSupprimeron dit pas mal a part qu'il vas faloir apprendre la geographie et les drapeaux!!! le suisse en roumain!
RépondreSupprimerSalut Rodney,
RépondreSupprimerExactement ce que je recherchais sauf que comme les précédents ça ne fonctionne pas sur mon blog. J'ai bien drapeau avec la langue mentionnée mais lorsque je clique rien ne se passe!Est-ce qu'il possible que cela ne fonctionne pas sur certains blogs???
Merci de ta réponse.
Clém
Merci beaucoup ! je viens de l'installer sur mon blog.
RépondreSupprimerça marche sur mon site :(
RépondreSupprimerC'est vrai que tout le monde ne connaît pas ses drapeaux, et que le langage ne correspond pas toujours au drapeau du pays. Il faudrait trouver un autre symbole.
RépondreSupprimerBonjour et merci pour ce chouette gadget ¡!
RépondreSupprimerUne seule remarque ... il y a un bug pour le drapeau néerlandais ...
Voir : http://www.filsdep.blogspot.nl/
Savez-vous comment je peux fixer ce problème ?
Merci beaucoup par avance !!
Lili
Bonjour Rodney,
RépondreSupprimerJ'ai mon petit bloc note d'informatique qui s'est enrichi grâce a ton code: http://passigeek.blogspot.fr/2013/07/gadget-traduire-un-blog.html
Il est un peu neuf, mais j'ai toutes mes notes qui doivent etre transposé sur ce blog, histoire de m'y retrouver et de faire partager mes tuyaux...
Par contre, ce n'est pas contre toi, mais le code ne me plaisait pas trop, surtout depuis que j'ai decouvert les sprite CSS...
A suivre dans un prochain article !
Merci encore pour ton blog instructif.
Cordialement,
Denis
Bonsoir, bonsoir!!!
RépondreSupprimerSuper!!! Je me suis inspirée de ton code pour y rajouter un paragraphe avec l'Euskara et le drapeau basque (Ikurina) en plus de tes 24 ( à voir sur mon blog...) et j'ai mis un lien vers ta page pour obtenir le gadget...
Milesker ainhitz!!! ( Merci beaucoup en Basque!)
moi je te dis un grand merci !!!! je ne suis pas assez douée pour le faire ;)
RépondreSupprimerMerci
RépondreSupprimerbonne journée
Je suis vraiment fière de vous découvrir, votre blog est vraiment super ! J’aime bien son interface, et j’ai trop adoré le contenu aussi. Surtout continuez ainsi !
RépondreSupprimerMerci pour ces bons moments sur votre blog. Je suis souvent au poste pour regarder (encore et toujours) ces merveilleux articles que vous partagé. Vraiment très intéressant. Bonne continuation à vous !
RépondreSupprimer