O principio é bem simples apenas adaptamos o serviço de tradução on-line gratuito do Google, portanto é possível criar ferramenta de tradução para qualquer idioma disponível no site do Google Tradutor. Veja os links abaixo e entenderá como pode traduzir o seu blog para qualquer idioma:
Create Blog, Essential Tips on Blogs
http://translate.google.com.br/translate?hl=pt-BR&sl=auto&tl=en&u=http://www.dicasparablogs.com.br/2010/11/criar-blog-dicas-essenciais-sobre-blogs.html
Crea Blog, fondamentali consigli su Blog
http://translate.google.com.br/translate?hl=pt-BR&sl=auto&tl=it&u=http://www.dicasparablogs.com.br/2010/11/criar-blog-dicas-essenciais-sobre-blogs.html
Os dois links são a nossa pagina Criar Blog, Dicas Essenciais sobre Blogs traduzida para o inglês e italiano repare que a única coisa que mudou no código foram as letras en e it no trecho: tl=en e tl=it
Então você pode facilmente saber como traduzir uma pagina para qualquer outro idioma apenas traduzindo seu blog para a língua que deseja e copiando essas letras para utilizar no código abaixo, coloque no seu blog como um gadget de html/javascript:
<style type="text/css">
.tradutor a{
cursor:pointer;
padding: 5px;
}
.tradutor a:hover{
text-decoration: underline overline;
}
</style>
<div class="tradutor">
<a rel="nofollow" onclick="window.open('http://translate.google.com.br/translate?hl=pt-BR&sl=auto&tl=en&u='+encodeURIComponent(location.href)+''); return false;">inglês</a>
<a rel="nofollow" onclick="window.open('http://translate.google.com.br/translate?hl=pt-BR&sl=auto&tl=it&u='+encodeURIComponent(location.href)+''); return false;">italiano</a>
<a rel="nofollow" onclick="window.open('http://translate.google.com.br/translate?hl=pt-BR&sl=auto&tl=es&u='+encodeURIComponent(location.href)+''); return false;">espanhol</a>
</div>
Note que o trecho a única coisa que mudou foi as tais letras no link aqui adicionamos ainda a opção do espanhol com as letras es.
Seguindo esse exemplo você pode achar qualquer idioma do tradutor do google para usar no seu blog e não precisa se preocupar com o idioma que sua pagina for escrita o site identifica automaticamente a língua.o inicio do código .tradutor a e .tradutor a:hover, são os estilos dos links, então pode formatar como desejar, veja aqui com mais detalhes:
Alterar cores dos links - CSS
Como Formatar o Texto do Blog
E para trocar os links de texto por imagens só precisa colocar esse código no lugar das palavras inglês, italiano e espanhol:
<img src="endereço da imagem" border="0" />
Claro que cada idioma deve usar uma imagem diferente esse é apenas um modelo, por exemplo, o trecho de tradução para o inglês ficaria assim:
<a rel="nofollow" onclick="window.open('http://translate.google.com.br/translate?hl=pt-BR&sl=auto&tl=en&u='+encodeURIComponent(location.href)+''); return false;"><img src="endereço da imagem" border="0" /></a>
A vantagem disto é que você poderá escolher as imagens de bandeiras ou ícones dos paises que gostar mais, veja nos links abaixo alguns tutoriais que podem ajudar nisto:
Download Grátis de Icones
Programa para editar imagem ou fotos grátis - Editores de Imagens
Imagem não aparece
Colocar Ferramentas de tradução no blog no blog pode ajudar no caso de visitantes de outros paises, indicações em fóruns e outras coisas, mas devido a grande quantidade de línguas é praticamente impossível criar um código para atender as necessidades de cada blog, afinal existem muitos assuntos que são de interesse de algum pais ou região em especifico.
Link desta página
13 Comentários
