
<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/>

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?
Oi Fabiano legal isso, como eu faria entao para aparecer as bandeiras da Alemanha e da Espanha? Qual seria o código?
ResponderExcluirE eu devo colocar todo esse código no HTML/JavaScript ?
Agradeco desde já a super dica, valeu.
Um abraco
Fiz uma atualização na postagem, agora tem um exemplo de idioma com imagem
ResponderExcluirOi 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
ResponderExcluirAgradeço
Joelma Couto.
Um duvida do site.. Esses códigos todo,serve para todos os blogs ou so blogspot ?? beijos
ResponderExcluirEu queria saber o código para Português do Brasil.
ResponderExcluirCaso alguém mude de língua e decida voltar para pt-br.
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
ResponderExcluirfada pri
ResponderExcluirisso 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.
Amiga da Educação, vou pesquisar sobre o espaço no Picasa, mas em ultimo caso pode hospedar as imagens fora do blogger
ResponderExcluirParabens cdg muito bom, mas o transalate para o alemão não esta funcionando de uma checada?
ResponderExcluirPara quem quiser as imgs de bandeiras tenho da alemanha,americana,italiana e espanhola.
www.jack-maconha.blogspot.com
Abração Jack.
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
ResponderExcluirJack, obrigado por avisar, era um sinal de igual que faltou no código, agora já corrigi.
ResponderExcluirMirella 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"
Olá Fabiano,
ResponderExcluirEu 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
ó 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
ResponderExcluirobs: esse não é meu blog e por burrice minha eu não consegui colocar a legenda
Mirella Santos, não entendi qual legenda está querendo colocar, que o titulo do blog sobre uma imagem? ou escrever embaixo da foto?
ResponderExcluirFabiano vc sabe algum site que eu possa encontrar todar as bandeiras?
ResponderExcluirtodas 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
ResponderExcluirOla 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.
ResponderExcluirAchei mais bandeiras:
ResponderExcluirInglaterra
França
Espanha
Japão
Russia
Italia
Alemanha
www.jack-maconha.blogspot.com
Espero ter ajudado!!!
Abração
Olá galera!
ResponderExcluirMisturei 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
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 ?
ResponderExcluirmeu blog é escrito em espanhol e gostaria do código para traduzir para português... com a bandeira
ResponderExcluirAlma inquieta
ResponderExcluirVi 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ê
Adorei!Super simples!
ResponderExcluirSó gostaria de saber se tem como por as bandeiras respectivas junto ao nome do país?
Obrigado...
Vou visitá-lo sempre!
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
ResponderExcluirAdorei a dica, Fabiano, meu blog vai ficar muito melhor, agora, pois tenho visitantes de mais de 40 países.
ResponderExcluirObrigada !!!
olha aqui eu temtei aquela traduçao de imagem que vcs ponhara e essa de
ResponderExcluirpalavras nenhuma funcionou qual deve ser o problema meu blog e games do alexandre url
gamesdoalexandre.blogspot.com
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
ResponderExcluirEu 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.
ResponderExcluirPoderia me ajudar?
você retirou os <br/> do final do código de cada uma das linhas?
ResponderExcluirPessoal,
ResponderExcluirEstou 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.
Joel Batista
ResponderExcluiracho que está colocando o código no lugar errado, é para fazer isso pela pagina layout, adicionar gadget, html/javascript
Caro Fabiano,
ResponderExcluirObrigado 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.
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
ResponderExcluirComo dividir o cabeçalho do blog em duas partes
Fabiano,
ResponderExcluirUsei o seu widget. Porém, partes dos artigos ficam sem traduzir! o que poderá está acontecendo?
Um abraço
Joel Batista, talvez seja falha do site que faz a tradução veja o Gadget para tradução com imagens das bandeiras
ResponderExcluirFabiano,
ResponderExcluirSim, 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
se o erro está no template então precisa trocar pq corrigir esses erros é muito dificil
ResponderExcluirQue máximo!!! Obrigada... :)
ResponderExcluirUma 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?
ResponderExcluirse quiser aqui temos um Gadget para tradução com imagens das bandeiras
ResponderExcluirmas se preferir alterar esse código, coloque o código da imagem no lugar da palavra inglês, espanhol... e assim por diante
Caro Fabiano,
ResponderExcluirMuití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.
Caro Fabiano,
ResponderExcluirSuas 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.
Marco Pontes
ResponderExcluirtestei 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.
Valeu Fabão! A imagem voltou mais tarde. Um abraço.
ResponderExcluirBom 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
ResponderExcluirPoderia me ajudar? As bandeiras do meu gadgets estão separadas. Veja:
ResponderExcluirhttp://img213.imageshack.us/img213/9931/traduok.png
Quero que elas fiquem uma do lado da outra, igual a do Dicas para Blog.Grato.
veja aqui nosso tradutor com bandeiras, lá mostra como alterar os espaços entre elas
ResponderExcluirGadget para tradução com imagens das bandeiras
Já usei esse codigo, diminui aquele valor,mas não mudou nada ficou a mesma coisa.
ResponderExcluirCleio Angelo
ResponderExcluirmas 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.
Como faz para fazer este efeito que vocês fizeram na bandeira do Brasil, queria colocar em todas as minhas Bandeiras
ResponderExcluirachamos essa imagem da bandeira do Brasil pronta, não fizemos nada na imagem
ResponderExcluirComo colocar mais idiomas? (quero colocar em Holandês)
ResponderExcluirvou 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
ResponderExcluirOlá!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.
ResponderExcluiroi gostaria de saber como pegar o tradutor desses idiomas: Bengalês,Árabe,Hindi e Mandarim
ResponderExcluirse 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.
infelizmente se o mesmo acontece com o tradutor do google deve ser algum erro da sua pagina...
ResponderExcluirmarcelo
ResponderExcluirvou fazer outras opções de bandeiras...
só dá pra usar esses códigos no blog do blogs.com.br?? ou posso usar em blog de outros sites??
ResponderExcluirLilian
ResponderExcluiresse código funciona em qualquer site
Nossa..muito obrigada pela ajuda! Foi fácil e rápido..valeu!
ResponderExcluirQuando o blog tem aviso de conteúdo adulto, esse tradutor naõ funciona. Por que?
ResponderExcluiranonimo
ResponderExcluireu 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
MUITOOOOOOO MASSA VEYY
ResponderExcluirpo é muito facil de fazer porem complicado para arrumar mas ficou muito bom mesmo obg
ResponderExcluireu 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
ResponderExcluirentrem no visaodeouro.blogspot.com
Rômulo Jorge
ResponderExcluirveja neste link Tradução do Blog com Bandeiras ou Links - Escolha os Idiomas
lá mostra como fazer o tradutor com os idiomas que desejar
você pode me ajudar? não consigo coloar tradutor no blog.com
ResponderExcluirvocê sabe? precisava pra vários idiomas tambem...
é para colocar esse código como um gadget de html/javascript
ResponderExcluir