Widget Google traductions avec 24 drapeaux pour 24 langues

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.

<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 ?

Pour ne pas rater les nouveautés :

Promouvoir cet article sur :

Rejoindre la communauté du blog sur :

27 commentaires

vek // 14 septembre 2008 21:43

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.
Sinon, "dutch" c'est le néerlandais (parlé en Hollande, Pays-Bas)

Link // 15 septembre 2008 17:54

Hey, cette astuce est vraiment très pratique, elle me permet de remplir mon pied de page (barre bleu en bas)
Tiens 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 !

Mohamed Rias // 15 septembre 2008 18:14

Hi ,

I am Mohamed Rias admin of Blogger Accessories. Thanks for translating this Google Translation widget to your language.

regards
Blogger Accessories

Marc // 24 septembre 2008 05:06

C'est tout bonnement génial. Je crois que si tu n'existais pas, il faudrais t'inventer.
Quant tu m'auras refilé les 5 ou 6 liens, mon pagerank va faire boum

Lepatreb // 27 septembre 2008 00:03

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 ...
Merci beaucoup par avance pour ton aide et longue vie à toutes tes bonnes idées !

Rodney SANKINKA // 27 septembre 2008 10:02

@ Lepatreb : l'accès étant restreint, le code ne peut marcher correctement.

IDNcommunity // 8 octobre 2008 23:54

merci pour ton astuce rodney et merci beaucoup pour ton site qui me sort du petrin a chaque foit
peace rodney

Catoneo // 13 octobre 2008 17:57

Super ! quelques corrections de drapeaux sinon parfait.

Catoneo // 14 octobre 2008 15:27

La classe serait d'avoir en balise "title" de l'image le nom de la langue du drapeau dans l'orthographe de destination.
Si j'ai un moment je le ferai et je vous repasserai le bloc ...

Anonyme // 20 octobre 2008 18:32

WOW! merci

aucifer // 20 octobre 2008 22:58

merci! 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...

jfmarcelo // 25 octobre 2008 13:08

HOLA: No puedo ver la traducción de mi blog, se queda vacío. AYÚDAME.

Rodney SANKINKA // 30 octobre 2008 20:03

@ jfmarcelo : Si tu blog es en español, no puede caminar. Tenemos el blog en francés

Anonyme // 1 novembre 2008 09:45

super idée rodney , au niveau du référencement ça donne quoi ?

Rodney SANKINKA // 2 novembre 2008 00:03

Pas 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.

Catoneo // 2 novembre 2008 19:16

J'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.
?!

Clément // 16 décembre 2008 21:32

La barre ne veut s'avicher que verticalement même en haut du blog, que puis-je faire ?
merci pour tous ces conseils

Camo la rêveuse // 30 décembre 2008 01:24

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.... ;))

AURORE // 5 janvier 2009 12:21

tout simplement grand MERCI. Merveilleurs voeux en cette année 2009

luz // 23 janvier 2009 15:09

Très grand Merci, cela fonctionne bien et comme j'ai des visiteurs anglais, espagnols, russes, allemands je trop contente, bravo !!!

luz // 23 janvier 2009 15:29

Encore Merci, juste une petite adresse pour le drapeau neerlandais pour traduire en Dutch :
http://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

baladeur // 28 janvier 2009 00:42

On dit chapeau Monsieur et Merci :-o

Anonyme // 16 avril 2009 13:50

Une petite remarque tout de même:
si 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

Anonyme // 30 avril 2009 20:27

Merci !

=(( et :)

Anonyme // 5 mai 2009 22:04

Uperbe, merci pour ce widget fort utile.

Nano // 27 mai 2009 22:48

Merci, çà marche nickel. J'avais testé le traducteur "babel fish" : moins de langues et pas de redirection possible pour les commentaires.
Sinon cette page buggue avec internet explorer, j'ai du utiliser Firefox pour poster un commentaire.
:-*