Gadget para tradução com imagens das bandeiras


Colocar uma ferramenta de tradução no blog pode ser útil afinal nunca sabemos de onde viram nossos visitantes, já publicamos anteriormente um código para traduzir o blog, mas algumas pessoas tiveram dificuldades para alterar o código e colocar as imagens das bandeiras nele. Então estamos fazendo essa nova versão já com as bandeiras.

Traduzir o texto do blog
Para colocar esse novo tradutor de sites no seu blog entre na pagina layout, adicionar gadget, html/javascript e cole o código abaixo:

<style type="text/css">
<!--
.bandtradu img{padding: 3px;display:inline}
-->
</style>
<script type="text/javascript">
endereco = encodeURIComponent(location.href)
</script>
<div style="text-align: center" class="bandtradu">
<script src="http://www.acessoriosparablogs.com.br/tradutor.js" type="text/javascript"></script></div>

Depois é só clicar para salvar e fazer o teste. Se quiser pode alterar a distancia entre as bandeiras modificando o valor padding: 3px. Esse código usa o site de tradução de textos e paginas do Google.

Veja também:

Perfil com acesso restrito
O que não fazer no blog
Publicidade no blog
Deixar o visitante alterar cor de fundo
Contador de visitas
Aparência da caixinha link-me

28 comentários:

Aishah disse...

Oi Fabiano,
Ficou legal esse tradutor com as bandeirinhas, mas o linck abaixo dele ficou muito grande no meu blog, tem como diminuir um pouco o tamanho da fonte?

Abraço

http://albumpersonalizado.blogspot.com/

Fabiano Roberto disse...

Aishah
eu estava mesmo pensando em usar a fonte um pouco menor que o normal, mas na hora de publicar o código acabei esquecendo do detalhe.

já corrigi

Sonia disse...

nao sei porque as minhas bandeirinhas estao aparecendo verticalmente! o que sera que deu errado?

Aishah disse...

Valeu Fabiano, obrigada, seus posts estão sendo ótimos, estou aprendendo muito com você, todos os dias venho ler seu blog e aprender um pouquinho mais.

Abraço

Aishah

http://albumpersonalizado.blogspot.com/

Fabiano Roberto disse...

Sonia
nos testes que fiz sempre apareceram lado a lado, talvez a largura da coluna do seu blog não seja suficiente para as bandeiras então muda de linha

KEN YOH disse...

vlw,cara,boa dica essa
parabens!

Victor disse...

eu olhei sua postagem de retirar a barra do blogspot(navbar) e gostei.mas,como eu personalizo ela exemplo:pesquizar blog,ai eu mudo pra home; sinalzar blog ai eu mudo para siga- me no twitter.dá para personalizar a barra?

Fabiano Roberto disse...

vitor
vou fazer um postagem sobre como criar a propria barra

jbfree disse...

Ola fabiano, boas suas dicas, mas estou com um problemão, as imagens do meu blog, da coluna lateral, não ficam lado a lado, só abaixo uma da outra como na imagem:

http://img160.imageshack.us/img160/2971/imagemqx.jpg

ja coloquei imagens beeem menores para ver se ficava lado a lado, mas só fica abaixo.

O que poderia ser, um problema no template?

Agradeço desde já.

Simone Aline disse...

Fabiano Roberto,
eu estou rondando por aqui desde cedo...rs Estou apreciando tudo que disponibiliza aqui. Já coloquei N coisas no blog. Sim, eu consegui!!! rs Impressionante que as coisas parecem ser tão simples quando vc escreve... e as vezes elas realmente são. Outras, ainda fico um pouco perdida, mas aos poucos vou melhorando. Minha pergunta é: tenho como colocar no meu blog esses desenhos igual tem aqui? do feed, a estrela p/add aos favoritos, a cartinha para que escolham receber atualizações por e-mail, orkut, twitter, essas coisas, mas assim, tudo junto, enfileirado, como está aqui? Obrigada.

Fabiano Roberto disse...

Simone Aline
o código está aqui
http://www.dicasparablogs.com.br/2009/07/fixar-botoes-no-canto-da-pagina.html

só não use a parte para fixar no canto da pagina

Simone Aline disse...

Fabiano,
aqui estou eu de novo... nossa estou até com vergonha de "viver" por aqui agora...rsrsrs Existe como bloquear uma "mala" assim como eu num blog??? kkkkk Porque ninguém merece... Desculpe, mas vc tem sido uma luz enorme!!! Eu consegui colocar os desenhos enfileirados (feed, orkut, etc) e ficou uma gracinha. Eu copiei o código para colocar o tradutor, e não retirei nada, deixei com todas as bandeirinhas e traduções possíveis (vai que um russo quer ler??? rsrs). Mas só está funcionando o inglês, quando clico nas outras bandeirinhas, abre a janela dizendo que o código URL é inválido. O que eu fiz de errado??? Me ajuda, de novo... rsrs
Obrigada! Abração.

invasaosaiyajin disse...

Muito bom essa dica!
Coloquei no meu blog e deu tudo certo =)
Esse blog está show de bola, está me ajudando muito com o meu blog =)
Continuem assim

Anônimo disse...

olá amigo, sou novo nesse negócio de blog, gostei muito dessa dica, mas nommeu blog aparece as bandeirinhas na posição vertical e não horizontal. ´dá pra vc me ajudar????

obrigado

Fabiano Roberto disse...

fizemos uma alteração no código, agora as bandeiras devem ficar lado a lado em qualquer layout(desde que haja espaço suficiente)

Sissym disse...

Vou guardar esta dica.
O que preciso aprender é fazer banner... passo-a-passo!

Bjs

Cledir Rocha Pereira disse...

Olá Fabiano ... Adicionei no Blog da Escola os botões de tradução, mas quando clico em uma bandeira ... vai para a ppágina do google e fica como Erro ...
Que devo fazer para traduzir direto, pois no tradutor do google digitando o endereço do Blog da Escola, fica certinho ..

Tenho que alterar alguma coisa no código html?

Aguardo ... Cledir Rocha

Fabiano Roberto disse...

talvez houve algum erro na hora de copiar e colar o código, já testei e todas estão funcionando, qual o link do blog onde está dando esse problema?

Geneci Morais disse...

Olá dicas para blog,o site está de parabéns.
Esse tradutor funcionou perfeitamente no meu blog
Continuem sempre umildes que logo mais vocês irão
receber um titulo de melhor site do brasil e quem sabe
da america latina são os sinceros votos. Obrigaduuuuu!!!

Pokémon disse...

Ótima dica para um um blog gostei!!!

ELITE PROCYON disse...

olá,ótima dica para um blog,estão de parabens,o código deu certinho no meu,só teve um probleminha,so funcionou o link para traduzir para o estados unidos,os link's restantes deram erro.obrigado.

Fabiano Roberto disse...

ELITE PROCYON
fiz o teste agora e funcionou normalmente, quem qual blog colocou e não deu certo?

Bárbara y Bruno disse...

Olá!

Coloquei a gadget para tradução com sucesso. A única coisa que não estou conseguindo fazer é dar um maior espaçamento entre as bandeiras, já tentei várias vezes, mas não acontece nada.

http://blogandojunto.blogspot.com/

Obrigada ^^

PS: Teu blog é extremamente útil; indispensável para mim.

Fabiano Roberto disse...

Bárbara y Bruno
no código onde tem padding:3px; esse numero 3 é a distancia entre as bandeiras, só precisa mudar o numero

Rô Lopes e Mércio Moura disse...

Ameiiiiiiiiiii
Ficou rico meu blog.
Agora so falta eu conseguir proteger as imagens que estao guardadas para postar.
Obrigada anjo chamado FABIANO

Fabiano Roberto disse...

Rô Lopes e Mércio Moura
infelizmente mesmo usando os códigos sempre será possível copiar as imagens não existe um código 100% seguro

Rô Lopes e Mércio Moura disse...

É eu vi que nao existe um código cem por cento seguro, mas eu queria um que eu desse conta de colocar, pois tem cinco dias que tento e nao consigo exito no tuto que voces tem apesar de sentir ser facil devido a varios coments, porem somos novos em blog e precisamos de ajuda.

Fabiano Roberto disse...

tente esse

http://www.dicasparablogs.com.br/2008/01/impedir-selecao-de-texto-e-imagens.html

http://www.dicasparablogs.com.br/2008/01/bloquear-o-botao-direito.html

ou pesquise por codigo para impedir copia de imagens

além desses existem muitos outros códigos