Google traduction avec drapeaux

Publié par Rodney SANKINKA | vendredi, août 01, 2008 | Ajouter à del.icio.us sauvegardé par 0 utilisateurs | | 21 commentaires »

Pourquoi ne pas afficher des drapeaux pour chaque langue dans le widget Google Traduction ?


Voilà, dernièrement, je vous avait fait part de l’efficacité du widget Google Traduction que certains d’entre vous se sont empressés d’installer sur leur blogs. Seulement, comme le faisait remarquer Lostania, le hic avec ce widget est qu’il n’est pas associé aux drapeaux pour les différentes langue à traduire, chose que nous aimions bien sur le Widget pour traduire son blog en 7 langues avec Yahoo !


Hé bien, en me perdant sur la grande mer qu’est Internet, je suis tombé comme par hasard sur le site Blogpowered où le blogmaster était parvenu à confectionner une version anglaise du Widget Google traduction avec drapeaux.

Je me suis dit que ça allait vous intéresser, c’est pourquoi j’ai un peu bidouiller le code pour qu’il traduise des Sites (blogs) français dans les différentes langues proposées (8), notamment : l’Anglais, l’espagnol, l’allemand, l’italien, le russe, le chinois (espérons que votre blog a été sélectionné pour les jeux Olympiques), le japonais et le coréen,.

Voici pour vous le code à insérer dans un widget Html/Javascript (pour ceux qui utilisent Blogger). Pour les autres plateformes des blogs, le code marchera aussi (il suffit de savoir comment y installer un code html).



<div style="border:1px solid #ccc;padding:10px 4px 3px 4px;text-align:center;background-color:#FFFFFF;"> <!-GOOGLE TRADUCTION AVEC DRAPEAU-> <div align="center"> <!- Début de la traduction en Anglais-> <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="24" title="Google-Traduction-Français-en-anglais "/></a> <!- Fin de la traduction en Anglais -> <!- Début de la traduction en Espagnol -> <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Ces&hl=fr&ie=UTF8'); return false;" title="Google-Traduction-Français-en-espagnol "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Traduction-Français-en-espagnol " src="http://i187.photobucket.com/albums/x307/Mafishioso/_spanish_s.png" height="24" title="Google-Traduction-Français-en-espagnol "/></a> <!- Fin de la traduction en Espagnol -> <!- Début de la traduction en allemand -> <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cde&hl=fr&ie=UTF8'); return false;" title="Google-Traduction-Français-en-allemand"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt=" Google-Traduction-Français-en-allemand" src="http://i187.photobucket.com/albums/x307/Mafishioso/_german_s.png" height="24" title="Google-Traduction-Français-en-allemand"/></a> <!- Fin de la traduction en Allemand -> <!- Début de la traduction en Italien -> <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cit&hl=fr&ie=UTF8'); return false;" title="Google-Traduction-Français-en-italien"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt=" Google-Traduction-Français-en-italien" src="http://i187.photobucket.com/albums/x307/Mafishioso/_italian_s.png" height="24" title="Google-Traduction-Français-en-italien"/></a> <!- Fin de la traduction en Italien -> <!- Début de la traduction en russe BETA -> <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cru&hl=fr&ie=UTF8'); return false;" title="Google-Traduction-Français-en-russe BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt=" Google-Traduction-Français-en-allemand BETA " src="http://i187.photobucket.com/albums/x307/Mafishioso/_russian_s.png" height="24" title="Google-Traduction-Français-en-russe BETA "/></a> <!- Fin de la traduction en Russe BETA -> <!- Début de la traduction en chinois (Simplifié) BETA -> <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Czh-CN&hl=fr&ie=UTF8'); return false;" title="Google-Traduction-Français-en-chinois (Simplifié) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-Chinese (Simplifié) BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_chinese_s.png" height="24" title="Google-Traduction-Français-en-chinois(Simplifié) BETA"/></a> <!- Fin de la traduction en Chinois (Simplifié) BETA-> <!- Début de la traduction en japonais BETA -> <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cja&hl=fr&ie=UTF8'); return false;" title="Google-Traduction-Français-en-japonais BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Traduction-Français-en-japonais" src="http://i187.photobucket.com/albums/x307/Mafishioso/_japanese_s.png" height="24" title="Google-Traduction-Français-en-japonais BETA"/></a> <!- Fin de la traduction en Japonais BETA -> <!- Début de la traduction en coréen BETA -> <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cko&hl=fr&ie=UTF8'); return false;" title="Google-Traduction-Français-en-coréen BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt=" Google-Traduction-Français-en-coréen BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_korean_s.png" height="24" title="Google-Traduction-Français-en-coréen BETA"/></a> <!- Fin de la traduction en Coréen BETA -> </div> <sup>Traduit par</sup> <img align="absbottom" src="http://www.google.com/ig/modules/translatemypage_content/logo.gif"><br/> <small><a href="http://blogpowered.blogspot.com" target="_blank">+</a> <a href="http://blogger-au-bout-du-doigt.blogspot.com/2008/08/google-traduction-avec-drapeaux.html">Obtenir ce Widget</a></small><br/> </div>




Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.


Pour ne pas rater les nouveautés :

Promouvoir cet article sur :

Rejoindre la communauté du blog sur :

21 commentaires

  1. Lostania // 2 août 2008 14:34  

    Merci pour la citation Rodney :) Sinon effectivement c'est beaucoup mieux ainsi et surtout extrêmement important pour nos amis étrangers qui ne voient peut-être pas immédiatement le but du widget vu que sans les drapeaux il est loin d'être intuitif. Merci à toi. J'intègre ça dès que possible.

  2. vek // 5 août 2008 17:06  

    merci beaucoup, ça marche du premier coup ! et c'est un peu plus gai. En revanche, il ne faut pas se leurrer au niveau traduction, dès qu'une phrase est un peu longue ou à double sens, ça donne des assemblages très cocasses. Enfin, ça a déjà le mérite d'exister (et on peut proposer une meilleure traduction).
    Je te suggérerais de mieux préciser (pas à pas pour les débutants)où il faut aller pour "Voici pour vous le code à insérer dans un widget Html/Javascript (pour ceux qui utilisent Blogger)." C'est souvent là où ça coince... le bon endroit où coller le code.

  3. LOOKFOR // 17 août 2008 18:30  

    Thanks you pour ton partage d'expérience.

  4. thebloom // 24 août 2008 15:24  

    Bonjour

    J'ai mis ce widget sur mon blog. Il marchait bien, et puis je me suis rendu compte aujourd'hui qu'une partie de la page traduite se trouvait cachée par une image toute blanche (adresse de l'image : http://www.google.com/images/infowindow/iw_c.png)
    du coup, ça en devient difficilement lisible :(

    voilà ce que ça donne :
    http://img54.imageshack.us/img54/8506/translatell4.jpg

    Une idée de la provenance de cette image qui cache presque tout ?

    Merci

  5. Vertazt // 5 septembre 2008 22:18  

    Merci, je cherchais désespérément uen façon de traduire mon blog dans d'autres langues, gràce à toi et à ton code,c'est chose faites et en plus j'ai les drapeaux, là je suis au ange, formidable Rodney, tu es génial!

  6. Pierre C. // 13 septembre 2008 12:40  

    D'une simplicité confondante pour un résultat génial. Merci 1000 fois.

  7. ISA // 17 septembre 2008 09:53  

    SUPER !
    C'est génial de partager ton code. Je viens de le charger et ça marche du premier coup ! J'en cherchais un depuis un moment et celui-ci me convient très bien !
    MERCI MERCI !

  8. thebloom // 7 octobre 2008 00:23  

    Bonjour


    il y a un problème avec la plupart des images des drapeaux de ce widget qui ne semblent plus hébergées et sont remplacées par des croix :( ...

  9. Farhi Zakaria // 18 octobre 2008 19:06  

    merci , vraiment ça marche du premier coup !

    http://www.commentguerir.com et http://www.faclic.com

  10. Moo // 25 octobre 2008 02:46  

    Merci, beaucoup ! Génial ce widget !

  11. Anna // 11 novembre 2008 16:18  

    Un site vraiment utile :-) j'y fais un tour régulièrement. Merci de partager.

  12. AngeLdream // 18 décembre 2008 08:37  

    Merci beaucoup pour ce widget :o)

  13. Le blog de Letilor // 19 décembre 2008 02:27  

    MErci pour ce widget.Ca fait deux fois que je cherche un truc pour modifier mon blog aujourd'hui et deux fois que je retombe chez toi !Merci

  14. MOI // 24 janvier 2009 11:59  

    Merci pour ton code qui permet de traduire les blogs. Ca fonctionne du tonnerre.
    A bientôt pour un autre conseil

  15. claudine // 27 janvier 2009 15:04  

    "http://santonsetstatuettesdechessaclo.blogspot.com/ "je viens ajouter , à la longue liste des remerciements , le mien ! merci beaucoup , pour le code,ça marche du premier coup ! c'est génial !

  16. Allami // 11 février 2009 18:53  

    Bonjour, merci pour ce code. J'ai un blog d'informations économiques et institutionnelles destinées à la zone euro-méditerranée : il n'y a donc qu'un seul "hic", Google n'a pas introduit la langue arabe. Donc, je suis un peu consolée par le fait que les pays sud-méditerranéen lisent en anglais et en français.

  17. Allami // 11 février 2009 19:02  

    Finalement, en prenant connaissance de votre blog, j'ai trouvé mon bonheur pour la langue arabe (voir mon précédent commentaire signé Allami).

  18. Anonyme // 17 février 2009 12:39  

    merci merci merci dommage qu il ny ai pas aussi la traduction en portugais.
    christine
    http://peche-de-gourmandises.over-blog.com/

  19. Swanee // 26 février 2009 22:26  

    merci !

  20. ziabhuita20002000 // 1 mars 2009 19:19  

    :X :X

    __***____***____***__ ***
    __***________****_______***
    _***__________**_________***
    _***_____JUSTE_TE_DIRE___***
    _***______QUE_TU_ES______***
    __***_______TRES_________***
    ___***______JOLIE_______***
    ____***_BISOUS DE MOI_***
    ______***_____A______***
    ________***__TOI____***
    __________***_____***
    _____________*****
    ______________***
    _______________*
    ____________000000______000000______________
    __________0000000000__0000000000______________
    ________00000000000000000000000000_____________
    _______0000000000000000000000000000____________
    _______0000000000000000000000000000____________
    ________00000000000000000000000000_____________
    _________000000000000000000000000______________
    ___________00000000000000000000________________
    _____________0000000000000000__________________
    _______________000000000000____________________
    _________________00000000______________________
    ___________________0000________________________
    ____________________00_________________________
    _______________________________________________
    $$$$$_______$$$$$______§§§§§§______§§§§§§______$$$$$_______$$$$$_
    $$__$$$$___$$$$__$$___§§§§§§§§§__§§§§§§§§§___$$__$$$$___$$$$__$$_
    $$_$__$$$_$$$__$_$$__§§§§§§§§§§§§§§§§§§§§§§__$$_$__$$$_$$$__$_$$_
    _$$$____$$$$___$$$__§§§§§§§§§§§§§§§§§§§§§§§§__$$$___$$$$____$$$__
    ________$$$$_________§§§§§§§§§§§§§§§§§§§§§§_________$$$$_________
    _________$$$$__________§§§§§§§§§§§§§§§§§§__________$$$$__________
    __________$$$$__________§§§§§§§§§§§§§§§§__________$$$$___________
    _$$$_$$$_____$$$$_________§§§§§§§§§§§§_________$$$$______$$$_$$$_
    _$__$__$$$$_____$$$$________§§§§§§§§________$$$$______$$$$__$__$_
    __$___$___$$$_____$$$$________§§§§________$$$$______$$$___$___$__
    ___$_$______$$$_____$$$$_______§§_______$$$$______$$$_____$_$____
    ____$_________$$$____$$$______________s$$$______$$$______________
    ____________________s$$$_____________s$$_________________________
    ___________________s$$$____________s$$
    _________________.s$$$³_______,___s$$
    ________________s$$$$³______.s$___$$
    ________,_______$$$$$.______s$³____³$
    ___________$___$$$$$$s_____s$³_____³,
    __________s$___³$$$$$$$s___$$$ _____..
    __________$$____³$$$$$$s.__³$$s_____,,
    __________³$.____³$$$$$$$s_.s$$$____s
    __________`$$.____³$$$$$$$_$$$$___s³
    ___________³$$s____³$$$$$$s$$$³__s$
    ____________³$$s____$$$$$s$$$$__s$$
    ________`s.__$$$$___s$$$$$$$$³_.s$$³__
    _________$$s_$$$$..s$$$$$$$$$$$$$$³__s$
    _________s$.s$$$$s$$$$$$$$$$$$$$$$_s$$
    ________s$$$$$$$$$$$$$$$$$$$$$$$$$$$³
    _______s$$$ssss$$$$$$$$$$$$$ssss$$$$$
    ______$$s§§§§§§§§§s$$$$$$s§§§§§§§§s$$
    ______³§§§§§§§§§§§§§§§s$s§§§§§§§§§§§§s______
    ______§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§_____
    ______³§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§______
    _______³§§§§§§§§§§§§§§§§§§§§§§§§§§§§³______
    ________³§§§§§§§§§§§§§§§§§§§§§§§§§§³______
    _________³§§§§§§§§§§§§§§§§§§§§§§§³______
    ___________³§§§§§§§§§§§§§§§§§§§³______
    ________.____³§§§§§§§§§§§§§§§³______
    _______________³§§§§§§§§§§§³______
    _________________³§§§§§§§³____
    ___________________³§§§³______

  21. eleonora // 5 mars 2009 10:04  

    Bonjour

    Je viens de mettre ton code source...et bravo cela fonctionne à merveille..Je suis contente, car comme j'ai beaucoup de pays qui viennent sur mon blog...ils pourront enfin lire et moi aussi leurs commentaires....Passe une bonne journée

S.V.P. Pas des Spam. Sélectionnez les signes à côté du smiley à insérer dans votre commentaire

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

Enregistrer un commentaire