11/05/2011

Tradução do Blog com Bandeiras ou Links - Escolha os Idiomas

Existem diversas ferramentas de tradução para blog com as bandeiras dos países, mas o difícil é achar uma que tenha a tradução para os idiomas que você deseja ou precisa colocar no seu blog, então vamos mostrar hoje como criar seu próprio tradutor com bandeirinhas (Gadget para tradução com imagens das bandeiras) podendo escolher quais idiomas vai usar e também escolher as imagens das bandeiras ou ainda se prefere colocar somente links de texto para a tradução do blog para outra língua.

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

traduzir blog

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.

codigo tradutor googleSeguindo 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>

ferramenta tradução do blogger para o inglês
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.
Related Posts with Thumbnails

16 comentários:

  1. acabei de fazer com bandeiras para russo e frances e foi mais facil do que pensei

    ResponderExcluir
  2. Oi Fabiano. Passei por aqui e mais uma vez utilizei uma de suas fantásticas "Dicas Para Blogs".
    Grande abraço.
    Junnior.

    ResponderExcluir
  3. Quando você clica para traduzir esse ai abre outra pagina ou atualiza a pagina que você esta para outro Idioma?

    ResponderExcluir
  4. Sr.Morceguinho
    nos testes que fiz abriu outra pagina

    ResponderExcluir
  5. Legal, vou fazer ainda hoje e logo mais informo qual foi o resultado. É muito importante termos um tradutor no nosso blog (desde que nossas postagens sejam de interesses internacionais também) e assim podermos divulgar nosso trabalho.

    ResponderExcluir
  6. Perfeito o tutorial! Traduz até em japonês!!!

    ResponderExcluir
  7. O problema é que a tradução automática é um horror. Eu prefiro escrever tudo de novo no outro idioma. Preciso apenas colocar uma bandeirinha e ao clicar sobre ela que apareça a versão no outro idioma. Como faço?
    Obrigado

    ResponderExcluir
  8. Roelf Cruz Rizzolo
    você vai escrever suas postagens no outro idioma também?

    se for isso que pretente crie outro blog inteiro neste outro idioma, por exemplo se o blog tem o nome de cachorro, crie outro com o nome dog

    ResponderExcluir
  9. porque se essa pagina é dicas para sites eu não vie nem uma

    ResponderExcluir
  10. algumas das dicas podem ser usadas em sites ou blogs... é o caso deste tradutor

    ResponderExcluir
  11. Obrigado Fabiano. É que eu tinha visto em alguns sites (tal vez não blogs), ao clicar a bandeira de outro país abria e versão no outro idioma. Claro que esta versão não é a que proporciona a tradução do google, e sim uma que vc tem que fazer manualmente. Repito, a tradução via google é muito ruim, não vale a pena. Tal vez a solução seja criar mesmo outro blog com acesso através de link na bandeirinha,

    ResponderExcluir
  12. Olá... muito obrigada pela dica! Me ajudou demais
    porém eu ainda não consegui mudar algumas coisas.
    Queria uma tradução de certas línguas e não de todas como está aparecendo agora !
    Como faço?
    Desde já obrigada.

    ResponderExcluir
  13. é possivel criar os proprios códigos como mostramos no tutorial

    ResponderExcluir
  14. Excelente! Adicionei esses três idiomas no meu blog e funcionou! Se quizerem conferir o endereço é http://curiosobiblico.blogspot.com.br/

    Boa sorte a todos!

    ResponderExcluir