Script para tradutor de idiomas em sites.

 Semana passada estava montado o blog e me deparei com uma questão, sobre as opções de tradução, pois temos dois scripts diferentes disponíveis para implementar esta função nas paginas.

 Um dos mais usados coloca bandeirinhas, que ao serem clicadas, abrem uma nova aba no navegador, direcionando a pagina para o tradutor do Google, onde teremos a tradução da pagina para outro idioma.

 No outro modo de tradução é disponibilizado um menu onde você pode escolher o idioma e a tradução é realizada na mesma pagina.

Tela de exemplo

 Assim pensei em mexer no script para disponibilizar os dois modos de tradução em um único menu, para quem quiser uma tradução da pagina tenha acesso a qualquer idioma.

 Segue abaixo o script que montei para testar:

<!--–GOOGLE TRANSLATE MINI FLAGS–--><div align="center"><!--– Add Portuguese to Chinese (Simplified) BETA –--><a
 target="_blank" rel="nofollow"
 onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt|zh-CN&hl=pt'"
 title="Google-Translate-Chinese (Simplified) BETA"><img
 style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
 alt="Google-Translate-Chinese"
 src="http://lh5.ggpht.com/_mcq01yDJ2uY/Sdke4C8za2I/AAAAAAAAAkU/Mpfn_ntCweU/China.png"
 title="Google-Translate-Chinese"><!--– END Portuguese to Chinese (Simplified) BETA–--><!--– Add Portuguese to French –--><a
 target="_blank" rel="nofollow"
 onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt|fr&hl=pt'"
 title="Google-Translate-Portuguese to French "><img
 style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
 alt="Google-Translate-Portuguese to French"
 src="http://lh4.ggpht.com/_mcq01yDJ2uY/SdkfGSkRgfI/AAAAAAAAAkc/X4E87SASLtA/France.png"
 title="Google-Translate-Portuguese to French"><!--– END Portuguese to French –--><!--– Add Portuguese to German –--><a
 target="_blank" rel="nofollow"
 onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt|de&hl=pt'"
 title="Google-Translate-Portuguese to German"><img
 style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
 alt="Google-Translate-Portuguese to German"
 src="http://lh3.ggpht.com/_mcq01yDJ2uY/Sdke3rFjMUI/AAAAAAAAAkE/o0kR0MfngXA/Germany.png"
 title="Google-Translate-Portuguese to German"><!--– END Portuguese to German –--><!--– Add Portuguese to Italian –--><a
 target="_blank" rel="nofollow"
 onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt|it&hl=pt'"
 title="Google-Translate-Portuguese to Italian"><img
 alt="Google-Translate-Portuguese to Italian"
 style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
 src="http://lh3.ggpht.com/_mcq01yDJ2uY/Sdke2xCmrPI/AAAAAAAAAj0/Jv14yyDo1i4/Italy.png"
 title="Google-Translate-Portuguese to Italian"><!--– END Portuguese to Italian –--><!--– Add Portuguese to Japanese BETA –--><a
 target="_blank" rel="nofollow"
 onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt|ja&hl=pt'"
 title="Google-Translate-Portuguese to Japanese BETA"><img
 style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
 alt="Google-Translate-Portuguese to Japanese"
 src="http://lh5.ggpht.com/_mcq01yDJ2uY/Sdke3f2KbNI/AAAAAAAAAj8/xyGLFdUZbVY/Japan.png"
 title="Google-Translate-Portuguese to Japanese"><!--– END Portuguese to Japanese BETA –--><!--– Add Portuguese to English –--><a
 target="_blank" rel="nofollow"
 onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt|en&hl=pt'"
 title="Google-Translate-Portuguese to English "><img
 style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
 alt="Google-Translate-Portuguese to English"
 src="http://lh4.ggpht.com/_mcq01yDJ2uY/SdkhG4bjxqI/AAAAAAAAAks/Ws6AzZdnZTw/United%20States%20of%20America%20%28USA%29.png"
 title="Google-Translate-Portuguese to English"><!--– END Portuguese to English –--><!--– Add Portuguese to Russian BETA –--><a
 target="_blank" rel="nofollow"
 onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt|ru&hl=pt'"
 title="Google-Translate-Portuguese to Russian BETA "><img
 style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
 alt="Google-Translate-Portuguese to Russian"
 src="http://lh5.ggpht.com/_mcq01yDJ2uY/SdkfGVESWsI/AAAAAAAAAkk/-ruu99vFElQ/Russian%20Federation.png"
 title="Google-Translate-Portuguese to Russian"><!--– END Portuguese to Russian BETA –--><!--– Add Portuguese to Spanish –--><a
 target="_blank" rel="nofollow"
 onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt|es&hl=pt'"
 title="Google-Translate-Portuguese to Spanish "><img
 style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
 alt="Google-Translate-Portuguese to Spanish"
 src="http://lh3.ggpht.com/_mcq01yDJ2uY/Sdke312ethI/AAAAAAAAAkM/KeACgltRc38/Spain.png"
 title="Google-Translate-Portuguese to Spanish"><!--– END Portuguese to Spanish –-->
<center></center></img
></a
></img
></a
></img
></a
></img
></a
></img
></a
></img
></a
></img
></a
></img
></a
></div>
<div align="center">
 <div id="google_translate_element"></div><script>function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'pt' }, 'google_translate_element'); } </script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<center></center></div>

Abaixo esta um vídeo orientado como colocar a ferramenta de tradução no blog.

03/01/2019: Código atualizado e funcionando.