English Spain Français Deustsch Italiano Japan Russia Korea
Get this Widget by inWEBblog

Tradutor personalizado e eficiente no blog

Hoje, com a dinâmica da Web 2.0, todo site ou blog que se preze deve ter um tradutor disponível, para que eventuais leitores em outras línguas possam ler suas páginas.

É verdade que existem inúmeros tradutores disponíveis por aí, inclusive um do Google, muito bom, do qual, de certa forma, nos valemos para apresentar este, mas que esteticamente deixa muito a desejar. Outros, por sua vez, demoram “anos” para traduzir uma página. Este Tradutor Personalizado que vamos aprender a implementar é extremamente rápido na tradução e muito fácil de introduzir em seu blog.

Seu tradutor ficará igual ao que você vê no topo desta página. Vamos a ele!...

Passo 1: Antes de mais nada, lembre-se de fazer um Backup de seu template. Agora, copie o código abaixo:

<center><div id="tradutor">

<a class="bandeira" target="_blank" href="#" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cen&hl=en'); return false;" title="Uhu, Galera! in English">
<img border="0" width="24" alt="English" src="http://dl.getdropbox.com/u/814038/Band_English.png" height="24" title="Uhu, Galera! in English"/>
</a>

<a class="bandeira" target="_blank" href="#" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Ces&hl=en'); return false;" title="Uhu, Galera! en Español">
<img border="0" width="24" alt="Spain" src="http://dl.getdropbox.com/u/814038/Band_Spain.png" height="24" title="Uhu, Galera! en Español"/>
</a>

<a class="bandeira" target="_blank" href="#" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cfr&hl=en'); return false;" title="Uhu, Galera! en Français">
<img border="0" width="24" alt="Français" src="http://dl.getdropbox.com/u/814038/Band_France.png" height="24" title="Uhu, Galera! en Français"/>
</a>

<a class="bandeira" target="_blank" href="#" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cde&hl=en'); return false;" title="Uhu, Galera! in Deutsch">
<img border="0" width="24" alt="Deustsch" src="http://dl.getdropbox.com/u/814038/Band_Germany.png" height="24" title="Uhu, Galera! en Deutsch"/>
</a>

<a class="bandeira" target="_blank" href="#" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cit&hl=en'); return false;" title="Uhu, Galera! Italiano">
<img border="0" width="24" alt="Italiano" src="http://dl.getdropbox.com/u/814038/Band_Italy.png" height="24" title="Uhu, Galera! Italiano"/>
</a>

<a class="bandeira" target="_blank" href="#" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cja&hl=en'); return false;" title="Uhu, Galera! 日本語">
<img border="0" width="24" alt="Japan" src="http://dl.getdropbox.com/u/814038/Band_Japan.png" height="24" title="Uhu, Galera! 日本語"/>
</a>

<a class="bandeira" target="_blank" href="#" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cru&hl=en'); return false;" title="Uhu, Galera! на русском языке">
<img border="0" width="24" alt="Russia" src="http://dl.getdropbox.com/u/814038/Band_URSS.png" height="24" title="Uhu, Galera! на русском языке"/>
</a>

<a class="bandeira" target="_blank" href="#" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cko&hl=en'); return false;" title="Uhu, Galera! 한국어">
<img border="0" width="24" alt="Korea" src="http://dl.getdropbox.com/u/814038/Band_Korea.png" height="24" title="in WEB blog 한국어"/></a><br/><span style="font-size: 80%">Widget by <a href="http://inwebblog.blogspot.com/2009/04/tradutor-personalizado-e-eficiente-no.html">inWEBblog</a></span><br/> </div></center>

Passo 2: Logado no Painel de seu Blogger, vá a Layout > Elementos de Página > Adicionar um Gadet e, na janela Pop up que se abrirá, escolha HTML/Javascript. Cole o código copiado no passo anterior na caixa de texto. Não coloque título.

Passo 3: Altere as partes em LARANJA, substituindo-as pelo NOME de seu blog.

Passo 4: Caso queira, salve as imagens das bandeiras, uma a uma, hospede-as no seu site de hospedagem preferido. Se não souber ou não tiver nenhum, eu recomendo o Dropbox (Ver post sobre como usá-lo), que aceita todos os tipos de imagens.

Passo 5: Caso você tenha optado por hospedar as imagens em seu site preferido, substitua as partes destacadas em AZUL pelo url de suas próprias imagens, mas se não quiser ter esse trabalho poder deixar como está, sem problemas!

Passo 6: Salve seu template e seu tradutor já estará disponível.

1. Note que cada bloco de texto/código, logo após a abertura da tag (<center><div id="tradutor">), refere-se a um idioma. Você pode eliminar qualquer idioma que queira, apenas deletando o bloco de texto/código correspondente. Assim, claro, o "tamanho" de seu tradutor diminui, pela ausência da bandeira relativa ao idioma excluído. 2. Convém eliminar os espaços em branco, existentes entres tais blocos, aqui deixados somente para efeitos de ilustração da informação acima(1).

Pronto! Fácil, não?!...



GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.


Postar um comentário

Comente este artigo!: 6

Genny San Martín :
agosto 17, 2009 1:25 PM

Excelente!!!
Consegui postar e a tradução ficou perfeita, só neste link pude constatar a fideliade das traduções.

Favor enviar texto/código para traduções em português, com a bandeirinha, claro!!! heheheh



Grata

Genny san Martin
gennysan@gmail.com

The One :
outubro 03, 2009 1:48 AM

Não vi nada destacado em laranja nem azul no código do tradutor

The One :
outubro 03, 2009 1:52 AM

Funcionou na boa. A tradução é fantástica, muito boa mesmo. Valeu

Antenado :
dezembro 15, 2009 10:51 AM

ishii! essas figuras das bandeiras sua nem taum aparecendu aq!!!! fui tentar substitui e tambem naum deuuu....

importar da china :
janeiro 28, 2010 6:10 PM

Òtima idéia do tradutor apesar de simples e prático de se colocar. e sim possibilita a visitas de novos usuários de todo mundo.

o usuário pode gostar do contéudo traduzir para sua lingua e voltar novamente.

Grande Abraço

Postar um comentário

Em Comentar como: selecione seu perfil (Nome/URL é o mais comum) e fique à vontade para fazer seu comentário. Critique, dê sugestões e, se for o caso, elogie!

Este blog, agora, é "dofollow", assim, os links nos COMENTÁRIOS estão livres de "nofollow"!
-----------------------------------------------------------------------------------
OBSERVAÇÕES IMPORTANTES | NOTIFICAÇÕES | AVISOS LEGAIS
-----------------------------------------------------------------------------------
1. Os comentários aqui exibidos refletem, exclusivamente, as opiniões isoladas dos visitantes do blog!
2. O Administrador deste blog não se responsabilizará, em hipótese nenhuma, por quaisquer danos que, por ventura, estes venham causar, a quem quer que seja!
3. Mensagens com SPAM ou que não tenham relação com o conteúdo do post não serão toleradas.
4. Para maiores detalhes, leia a POLÍTICA DE PRIVACIDADE e os TERMOS DE USO deste blog!

Obrigado!

Página inicial