Ajout d’un widget pour la traduction automatique de la page

Oct 08	Ajout d’un widget pour la traduction automatique de la page Web Ajouter un commentaire
	http://www.madtomatoe.com/google-translate-mini-flags-widget/

Dans la galerie photos, j’ai mis en place le multilingue qui est directement pris en charge par Piwigo.

Je voulais homogénéiser le blog en lui ajoutant également cette fonctionnalité et en gardant les mêmes drapeaux…

J’ai effectué une rapide recherche dans Google et j’ai trouvé un exemple parfait qui m’a permis de me refaire mon propre widget^W très rapidement :

Fourni par

Widget

Ajout d’un widget de type Texte
et quelques lignes d’HTML pointant sur les drapeaux et les bonnes URLs…

Voici ces lignes :

1
2
3
4
5
6
7
8
9
10

<div align="center">
<div>
<a target="_blank" rel="alternate noopener" onclick="window.open('https://translate.google.fr/translate?u='+encodeURIComponent(location.href)+'&sl=fr&tl=en&hl=en&ie=UTF-8'); return false;" title="Google-Translate-English"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-English" src="https://wittwer.fr/photos/language/en_UK/en_UK.jpg" width="24" height="16" title="Google-Translate-English"/></a>  
<a target="_blank" rel="alternate noopener" onclick="window.open('https://translate.google.fr/translate?u='+encodeURIComponent(location.href)+'&sl=fr&tl=de&hl=de&ie=UTF-8'); return false;" title="Google-Translate-Deutsch"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-Deutsch" src="https://wittwer.fr/photos/language/de_DE/de_DE.jpg" width="24" height="16" title="Google-Deutsch-übersetzen"/></a>  
<a target="_blank" rel="alternate noopener" onclick="window.open('https://translate.google.fr/translate?u='+encodeURIComponent(location.href)+'&sl=fr&tl=es&hl=es&ie=UTF-8'); return false;" title="Google-Translate-español"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-español" src="https://wittwer.fr/photos/language/es_ES/es_ES.jpg" width="24" height="16" title="Google-traducir-español"/></a>  
<a target="_blank" rel="alternate noopener" onclick="window.open('https://translate.google.fr/translate?u='+encodeURIComponent(location.href)+'&sl=fr&tl=it&hl=it&ie=UTF-8'); return false;" title="Google-Translate-italiano"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Translate-italiano" src="https://wittwer.fr/photos/language/it_IT/it_IT.jpg" width="24" height="16" title="Google-tradurre-italiano"/></a>  
<a target="_blank" rel="alternate noopener" onclick="window.open('https://translate.google.fr/translate?u='+encodeURIComponent(location.href)+'&sl=fr&tl=ru&hl=ru&ie=UTF-8'); return false;" title="Google-Переводчик"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Google-Переводчик" src="https://wittwer.fr/photos/language/ru_RU/ru_RU.jpg" width="24" height="16" title="Google-Переводчик"/></a>
</div>
Fourni par <a target="_blank" href="https://translate.google.com/" rel="nofollow noopener"><img border="0" width="51" height="15" align="absmiddle" alt="Google" src="https://translate.googleapis.com/translate_static/img/mini_google.png"><br/></a>
</div>