03/09/2009

Ferramentas de tradução no blog

Tradução no blogUma ferramenta de tradução é útil num blog afinal não sabemos de onde podem vir nossos visitantes e qual seu idioma fluente, então aqui estão os códigos para traduzir seu blog para alguns idiomas. Se quiser pode escolher e copiar somente o códigos dos idiomas que desejar mostrar no seu blog.

<div style=" cursor:pointer">
<a rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cen&en=pt&en=UTF8'); return false;">Inglês</a><br/>
<a rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Ces&hl=pt&ie=UTF8'); return false;">Espanhol</a><br/>
<a rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cfr&hl=pt&ie=UTF8'); return false;">Francês</a><br/>
<a rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cde&hl=pt&ie=UTF8'); return false;">Alemão</a><br/>
<a rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cit&hl=pt&ie=UTF8'); return false;">Italiano</a><br/>
<a rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cja&hl=pt&ie=UTF8'); return false;">Japonês</a><br/>
<a rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cru&hl=pt&ie=UTF8'); return false;">Russo</a><br/>
</div>

Se quiser em vez de mostrar links de texto pode trocar o nome do idioma por uma imagem, no caso da tradução para o inglês, troque essa palavra por:

<img src="http://1.bp.blogspot.com/_-v7nVhXnPEc/Sp_6Sg91vqI/AAAAAAAAAdQ/WnWIYQpGVCo/s320/brasil-icone.png" border="0" />

Então o código ficaria desse jeito:

<a rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cen&en=pt&en=UTF8'); return false;"><img src="http://1.bp.blogspot.com/_-v7nVhXnPEc/Sp_6Sg91vqI/AAAAAAAAAdQ/WnWIYQpGVCo/s320/brasil-icone.png" border="0" /></a><br/>

Icone bandeira do BrasilUsamos como exemplo de código com imagem a bandeira do Brasil que está ao lado. E assim por diante com todas as línguas que desejar mostrar a tradução. Caso use imagens para que elas fiquem uma do lado da outra retire o <br/> do final de cada linha.

Se quiser algum outro idioma deixe um comentário e vamos mostrar o código pra você, afinal como reparou são quase todos iguais, basta entrar no site de tradução do Google e ver o código da linha desejada.

Veja também:

Ferramentas de tradução com imagens das bandeiras
Duvidas sobre imagens que não aparecem no blog
Traduzir blog
O que você não gosta em um blog?
Related Posts with Thumbnails

68 comentários:

  1. Oi Fabiano legal isso, como eu faria entao para aparecer as bandeiras da Alemanha e da Espanha? Qual seria o código?

    E eu devo colocar todo esse código no HTML/JavaScript ?

    Agradeco desde já a super dica, valeu.

    Um abraco

    ResponderExcluir
  2. Fiz uma atualização na postagem, agora tem um exemplo de idioma com imagem

    ResponderExcluir
  3. Oi Fabiano, como faço para aumentar o espaço do meu blog... ou seja, do picasa, pois quanto mais a gente posta menor espaço ele fica, como faço para aumentar. preciso fazer outro blog? ou o que faço? por gentileza aguardo. amigasdaeducacao.couto8@gmail.com
    Agradeço
    Joelma Couto.

    ResponderExcluir
  4. Um duvida do site.. Esses códigos todo,serve para todos os blogs ou so blogspot ?? beijos

    ResponderExcluir
  5. Eu queria saber o código para Português do Brasil.

    Caso alguém mude de língua e decida voltar para pt-br.

    ResponderExcluir
  6. os unicos tradutores que realmente não funcionam em meu blog são os asiáticos(china,Japão,Coreias)gostaria de colocar as bandeiras deles tem como...fuiiiiii

    ResponderExcluir
  7. fada pri
    isso serve para qualquer blog ou site.


    Donny
    isso seria complicado de fazer pois é necessário informar no código o idioma atual, ou seja traduzir de espanhol para português é um código, inglês para português é outro e assim por diante, mas não vejo a necessidade para isso uma vez que essas paginas de tradução somente podem ser acessadas através das originais ou seja a pessoa já tem a pagina em portugues aberta.


    moreijo
    use o exemplo que mostrei sobre como colocar imagem em vez do link, só precisa achar as imagens das bandeiras.

    ResponderExcluir
  8. Amiga da Educação, vou pesquisar sobre o espaço no Picasa, mas em ultimo caso pode hospedar as imagens fora do blogger

    ResponderExcluir
  9. Parabens cdg muito bom, mas o transalate para o alemão não esta funcionando de uma checada?

    Para quem quiser as imgs de bandeiras tenho da alemanha,americana,italiana e espanhola.

    www.jack-maconha.blogspot.com

    Abração Jack.

    ResponderExcluir
  10. oi, sei que não tem nada a ver com o assunto , mas eu gostaria de sabe como se coloca legenda em fotos, agradeço se responder

    ResponderExcluir
  11. Jack, obrigado por avisar, era um sinal de igual que faltou no código, agora já corrigi.




    Mirella Machado que tipo de legenda? quando o mouse passa sobre elas? se for é só colocar junto com o código da imagem alt="texto aqui", isso já aparece quando você coloca uma imagem na postagem, mas não tem o texto, o mesmo pode ser feito usando title="texto aqui"

    ResponderExcluir
  12. Olá Fabiano,
    Eu não tenho este tradutor mas tenho um que pode traduzir para até oito idiomas diferentes.
    Acho que poderia colocar o link aqui é do Dicas Blogger
    Aqui já vai o link do código:
    http://docs.google.com/Doc?id=df9875tg_4drr7ncgv

    Mas se voce quer ver o tradutor clique neste link:
    http://dicasblogger.blogspot.com/2009/04/translator-widget-tradutor-para-blogs.html

    Pronto só isso!!

    Abraço

    ResponderExcluir
  13. ó vou te dar um exmplo de como é veja nessa postagem se der: http://praverpralereouvir.blogspot.com/2009/09/em-busca-da-terra-do-nunca-nada-melhor.html
    obs: esse não é meu blog e por burrice minha eu não consegui colocar a legenda

    ResponderExcluir
  14. Mirella Santos, não entendi qual legenda está querendo colocar, que o titulo do blog sobre uma imagem? ou escrever embaixo da foto?

    ResponderExcluir
  15. Fabiano vc sabe algum site que eu possa encontrar todar as bandeiras?

    ResponderExcluir
  16. todas as bandeiras em um site só não sei, mas pesquisa nas imagens do google pelo nome de país e coloque as palavras flag icon, se souber digite o nome do país em inglês, sempre aparecem mais opções

    ResponderExcluir
  17. Ola parabens pelo site. vc poderia me fornecer o html para tradução com as banediras da inglaterra e espanha uma ao lado da outra? Desde ja muito obrigado.

    ResponderExcluir
  18. Achei mais bandeiras:
    Inglaterra
    França
    Espanha
    Japão
    Russia
    Italia
    Alemanha

    www.jack-maconha.blogspot.com

    Espero ter ajudado!!!

    Abração

    ResponderExcluir
  19. Olá galera!
    Misturei esse código ai e outros, e consegui colocar as bandeirinhas lado a lado e podendo escolher a distancia entre elas. Dê uma olhada no meu blog e se quiserem mando o cód. por email para quem solicitar, abraços.

    www.canoken.blogspot.com

    ResponderExcluir
  20. Olá eu queria a tradução para o português. no caso de alguem traduzir sem querer ele poderá volta ao idioma verdadeiro. e como colocar as badeirinhas ? vc pode me ajudar ?

    ResponderExcluir
  21. meu blog é escrito em espanhol e gostaria do código para traduzir para português... com a bandeira

    ResponderExcluir
  22. Alma inquieta
    Vi um código em um site em espanhol, lá estava funcionando perfeitamente, não dá para postar código completo aqui nos comentários o blogger não permite, escreva para nosso email e mando o código para você

    ResponderExcluir
  23. Adorei!Super simples!

    Só gostaria de saber se tem como por as bandeiras respectivas junto ao nome do país?

    Obrigado...
    Vou visitá-lo sempre!

    ResponderExcluir
  24. vou preparar uma postagens com imagens das bandeiras de alguns países, se possível estará aqui no Dicas para Blogs ainda neste final de semana

    ResponderExcluir
  25. Adorei a dica, Fabiano, meu blog vai ficar muito melhor, agora, pois tenho visitantes de mais de 40 países.
    Obrigada !!!

    ResponderExcluir
  26. olha aqui eu temtei aquela traduçao de imagem que vcs ponhara e essa de
    palavras nenhuma funcionou qual deve ser o problema meu blog e games do alexandre url
    gamesdoalexandre.blogspot.com

    ResponderExcluir
  27. não precisa colocar a url do seu blog no código, tente colocar novamente deve ter feito algo errado, muita gente já colocou e funcionou bem

    ResponderExcluir
  28. Eu estava precisando de um tradutor no meu blog mesmo. Tudo funcionou muito bem, fiz a imagem de uma bandeira que eu não encontrei, mas, só tive um problema...queria colocar as imagens umas do lado da outra como nesse blog, mas elas ficaram uma em baixo da outra e ficou meio estranho.
    Poderia me ajudar?

    ResponderExcluir
  29. você retirou os <br/> do final do código de cada uma das linhas?

    ResponderExcluir
  30. Pessoal,
    Estou tentando usar a tradução do google. Peguei o código nesse blog. Mas, quando tento salvar o modelo, recebo a mensagem abaixo.

    Veja a mensagem abaixo:

    Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: The reference to entity "langpair" must end with the ';' delimiter.

    ResponderExcluir
  31. Joel Batista
    acho que está colocando o código no lugar errado, é para fazer isso pela pagina layout, adicionar gadget, html/javascript

    ResponderExcluir
  32. Caro Fabiano,
    Obrigado pela atenção e apoio. Eu pretendo colocar as bandeiras no topo da página alinhada à direita e não na sidebar, que se faz adicionando gadget, html/javascript. Estou correto?
    Deduzir que teria que colocar o código na página html do blog. Até consigo disponibilizar as bandeiras, mas quando incluo a entidade "langpair" e tento salvar, recebo a mensagem que te enviei.

    ResponderExcluir
  33. entendi o problema e realmente esses códigos são dificeis o blogger aceitar, talvez seja melhor usar um código para dividir o cabeçalho do blog, isso faz aparecer o adicionar gadget ao lado do titulo e facilita nesta e em futuras edições

    Como dividir o cabeçalho do blog em duas partes

    ResponderExcluir
  34. Fabiano,
    Usei o seu widget. Porém, partes dos artigos ficam sem traduzir! o que poderá está acontecendo?

    Um abraço

    ResponderExcluir
  35. Fabiano,
    Sim, estou usando o seu gadget, mas o erro continua.
    Observei na barra de status um erro no modelo que estou usando. Alterei para outros, mas o erro persite. Veja abaixo. Talvez seja esse o problema. Você pode esclarecer?

    Um abraço.

    Webpage error details

    User Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; Trident/4.0; GTB6.4; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; Tablet PC 2.0)
    Timestamp: Wed, 24 Feb 2010 23:06:00 UTC


    Message: Access is denied.

    Line: 209
    Char: 78
    Code: 0
    URI: http://www.blogger.com/static/v1/widgets/185422768-widgets.js

    ResponderExcluir
  36. se o erro está no template então precisa trocar pq corrigir esses erros é muito dificil

    ResponderExcluir
  37. Uma pergunta elementar para conseguir traduzir meu blog para o Inglês e o Espanhol: Onde eu incluo os códigos das bandeiras? Preciso criar um gadget?

    ResponderExcluir
  38. se quiser aqui temos um Gadget para tradução com imagens das bandeiras

    mas se preferir alterar esse código, coloque o código da imagem no lugar da palavra inglês, espanhol... e assim por diante

    ResponderExcluir
  39. Caro Fabiano,
    Muitíssimo obrigado por sua dica. Estou em busca de divulgação do meu trablho e sua dica foi de grande valia para contribuir com esse propósito. Gostaria de sugerir a inclusão da bandeira em Mandarim, pois os chineses no contexto de uma economia global são os maiores investidores do globo. Visite meu blog no endereço www.marcoponteslgpconsulting.blospot.com e conheça sobre meu trabalho. Um abraço e muito sucesso para você. Marco Pontes.

    ResponderExcluir
  40. Caro Fabiano,
    Suas dicas são realmente sensacionais. De ontem para hoje a imagem da bandeira para tradução para o Inglês sumiu, mas parece que o problema não é no neu blog é geral. Outra coisa...Percebi que se alguém tenta entrar traduzir o blog paa qualquer idioma no ambiente do LinkedIn ocorrer erro. Só é possível a tradução fora do ambiente do LinkedIn. Assim sendo sugiro quando anunciar no LinkedIn de não colar o link, mas informar para pessoa interessada traduzir para o idioma desejado quando acessar o blog na versão Português. Aguardo seu comentário sobre o sumiço da bandeira. Terá sido obra de Bin Laden? Abraços.

    ResponderExcluir
  41. Marco Pontes
    testei agora e a imagem apareceu normalmente, talvez ocorreu um erro momentaneo na hospedagem da imagem.


    sobre traduzir dentro de outros sites, não tem como corrigir esses erros pois não controlamos a tradução, apenas usamos o serviço do google.

    ResponderExcluir
  42. Valeu Fabão! A imagem voltou mais tarde. Um abraço.

    ResponderExcluir
  43. Bom parabáns pelo blog, mas eu gostaria de saber se tem como colocar um tradutor assim que a pessoa entra no blog e antes dela ser direcionada para a home aparecer perguntando qual idioma ela gostaria de ver o blog ? obrigado

    ResponderExcluir
  44. Poderia me ajudar? As bandeiras do meu gadgets estão separadas. Veja:
    http://img213.imageshack.us/img213/9931/traduok.png
    Quero que elas fiquem uma do lado da outra, igual a do Dicas para Blog.Grato.

    ResponderExcluir
  45. veja aqui nosso tradutor com bandeiras, lá mostra como alterar os espaços entre elas

    Gadget para tradução com imagens das bandeiras

    ResponderExcluir
  46. Já usei esse codigo, diminui aquele valor,mas não mudou nada ficou a mesma coisa.

    ResponderExcluir
  47. Cleio Angelo
    mas as bandeiras de tradução que está usando não são a que mostramos no tutorial do link acima, por isso não funcionou nosso código é feito para o nosso tradutor.

    ResponderExcluir
  48. Como faz para fazer este efeito que vocês fizeram na bandeira do Brasil, queria colocar em todas as minhas Bandeiras

    ResponderExcluir
  49. achamos essa imagem da bandeira do Brasil pronta, não fizemos nada na imagem

    ResponderExcluir
  50. Como colocar mais idiomas? (quero colocar em Holandês)

    ResponderExcluir
  51. vou fazer uma postagem sobre como criar links com as bandeiras que desejar, mas vai demorar uns dias pois preciso fazer uns testes antes, mas acho que no final de semana estará pronto

    ResponderExcluir
  52. Olá!Coloquei um tradutor com bandeiras no meu blog.Mas ele traduz tudo errado.O mesmo acontece colocando o tradutor do google.Porém vejo que em muitos blogs a tradução é boa e clara.O que pode estar errado?Agradeço se puder me dar uma luz.Obrigada.

    ResponderExcluir
  53. oi gostaria de saber como pegar o tradutor desses idiomas: Bengalês,Árabe,Hindi e Mandarim
    se pode mande os codigos par o meu email:ncm_carvalho@hotmail.com . pois tenhoi um blog e pesquiseu esses são um dos mais faldoss no mundo os demais ja tenho.

    ResponderExcluir
  54. infelizmente se o mesmo acontece com o tradutor do google deve ser algum erro da sua pagina...

    ResponderExcluir
  55. marcelo
    vou fazer outras opções de bandeiras...

    ResponderExcluir
  56. só dá pra usar esses códigos no blog do blogs.com.br?? ou posso usar em blog de outros sites??

    ResponderExcluir
  57. Lilian
    esse código funciona em qualquer site

    ResponderExcluir
  58. Nossa..muito obrigada pela ajuda! Foi fácil e rápido..valeu!

    ResponderExcluir
  59. Quando o blog tem aviso de conteúdo adulto, esse tradutor naõ funciona. Por que?

    ResponderExcluir
  60. anonimo
    eu não sabia que não funciona em blogs com aviso de conteudo adulto...

    mas imagino que seja porque o blog é redirecionado para outro link com o aviso antes de entrar diretamente na pagina... portanto o tradutor dá erro neste redirecionamento, infelizmente acho que não tem solução

    ResponderExcluir
  61. po é muito facil de fazer porem complicado para arrumar mas ficou muito bom mesmo obg

    ResponderExcluir
  62. eu quero o português para as pessoas voltarem pro português e aqueles idiomas desconhecidos se possível o mandari o idioma da arabia ebraico esses idiomas assim e com imagem
    entrem no visaodeouro.blogspot.com

    ResponderExcluir
  63. Rômulo Jorge

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

    lá mostra como fazer o tradutor com os idiomas que desejar

    ResponderExcluir
  64. você pode me ajudar? não consigo coloar tradutor no blog.com
    você sabe? precisava pra vários idiomas tambem...

    ResponderExcluir
  65. é para colocar esse código como um gadget de html/javascript

    ResponderExcluir