Uma 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/>
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?
Link para esta página









38 comentários:
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
Fiz uma atualização na postagem, agora tem um exemplo de idioma com imagem
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.
Um duvida do site.. Esses códigos todo,serve para todos os blogs ou so blogspot ?? beijos
Eu queria saber o código para Português do Brasil.
Caso 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
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.
Amiga da Educação, vou pesquisar sobre o espaço no Picasa, mas em ultimo caso pode hospedar as imagens fora do blogger
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.
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
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"
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
ó 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
Mirella Santos, não entendi qual legenda está querendo colocar, que o titulo do blog sobre uma imagem? ou escrever embaixo da foto?
Fabiano vc sabe algum site que eu possa encontrar todar as bandeiras?
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
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.
Achei mais bandeiras:
Inglaterra
França
Espanha
Japão
Russia
Italia
Alemanha
www.jack-maconha.blogspot.com
Espero ter ajudado!!!
Abração
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
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 ?
meu blog é escrito em espanhol e gostaria do código para traduzir para português... com a bandeira
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ê
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!
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
Adorei a dica, Fabiano, meu blog vai ficar muito melhor, agora, pois tenho visitantes de mais de 40 países.
Obrigada !!!
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
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
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?
você retirou os <br/> do final do código de cada uma das linhas?
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.
Joel Batista
acho que está colocando o código no lugar errado, é para fazer isso pela pagina layout, adicionar gadget, html/javascript
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.
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
Fabiano,
Usei 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
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
se o erro está no template então precisa trocar pq corrigir esses erros é muito dificil
Que máximo!!! Obrigada... :)
Postar um comentário