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?

Adicionar ao iGoogle ou Google Reader

Link para esta página

Recomende por E-mail


Related Posts with Thumbnails

38 comentários:

Georgia disse...

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

Fabiano Roberto disse...

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

Amiga da Educação disse...

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.

fada pri disse...

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

Donny disse...

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

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

moreijo disse...

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

Fabiano Roberto disse...

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.

Fabiano Roberto disse...

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

Jack disse...

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.

Mirella Machado disse...

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

Fabiano Roberto disse...

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"

Gabriel Moura disse...

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

Mirella Santos disse...

ó 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

Fabiano Roberto disse...

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

Anônimo disse...

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

Fabiano Roberto disse...

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

Raul Carneiro disse...

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.

Jack disse...

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

www.jack-maconha.blogspot.com

Espero ter ajudado!!!

Abração

Glauco disse...

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

Blaf Animes disse...

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 ?

Alma inquieta disse...

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

Fabiano Roberto disse...

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ê

Salete Cattae disse...

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!

Fabiano Roberto disse...

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

Aishah disse...

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

alexandre disse...

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

Fabiano Roberto disse...

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

Helio (Hj-Warrior) disse...

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?

Fabiano Roberto disse...

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

Joel Batista disse...

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.

Fabiano Roberto disse...

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

Joel Batista disse...

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.

Fabiano Roberto disse...

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

Joel Batista disse...

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

Um abraço

Fabiano Roberto disse...

Joel Batista, talvez seja falha do site que faz a tradução veja o Gadget para tradução com imagens das bandeiras

Joel Batista disse...

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

Fabiano Roberto disse...

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

Cristina Ramalho disse...

Que máximo!!! Obrigada... :)