Gadget para tradução com imagens das bandeiras

Colocar uma ferramenta de tradução no blog pode ser útil podemos receber visitas de qualquer lugar, 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 designer, 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/scripts/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


Bookmark and Share

Adicionar ao iGoogle ou Google Reader

Compartilhe - Redes Sociais

Link para esta página

Recomende por E-mail


Related Posts with Thumbnails

71 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

ღPaTiღ disse...

Usando mais um recurso disponível no Blog. Valeu Fabiano. Abraços.

negócios disse...

E ae Fabiano blz, eu coloquei o código de tradução no meu Blog, mas ele abra página de tradução mas naum fica meu link no lugar de traduzir. Como faço para meu link aparecer?

Fabiano Roberto disse...

negócios, quando clicar para traduzir o link da pagina é o link da pagina de tradução e não o do seu blog isso não tem como alterar

Junior Lara Campos disse...

Muito legal

negócios disse...

Olá Fabiano eu coloquei o código da tradução no meu Blog, mas ele só vai até aquela paginá de aviso de conteúdo adulto. Não entra no Blog.
http://foguinhotga.blogspot.com/

Fabiano Roberto disse...

Negócios
o problema é que já aparece aquele aviso ao entrar no seu blog, então acho que não dá pra resolver o problema(retirar o aviso)

Felipe disse...

As Bandeiras Nao Quer Aparecer Só Aparece a Bandeira Do Japão

Fabiano Roberto disse...

felipe, fiz o teste agora e aparecerão todas, tente colocar novamente o código, pode ter sido uma falha momentanea no site de hospedagem das imagens

Seufilmepreferido disse...

Ola Fabiano, antes de mais nada, quero dizer que seu link ta no meu blog...gostaria que me ajudasse: como faço para que as minhas postagens apareçam na caixa de pesquisa do blog...já coloquei o google mas quando solicito uma informação me diz que nao consta ( no blog)...obrigado e parabéns pelo seu trabalho.

Fabiano Roberto disse...

Seufilmepreferido
os melhores modos de colocar uma pesquisa dentro do seu blog é usando o adsense
http://www.google.com/adsense

ou um gadget do google
Gadgets para blog

super nimes disse...

cade a postagem que poderia criar sua propria barra navbar

Fabiano Roberto disse...

super nimes


fizemos duas postagens sobre barra de ferramentas e menus frecentemente:

Criar barra de ferramentas

Criar barra com acessórios no blog

KabrAL-jcla2003 disse...

OBRIGADO, Fabiano; duas dúvidas, 1ª) há possibilidade de diminuir o espaço entre as bandeiras e o link abaixo destas? 2º) A tradução japonesa não está sendo efetuada? No aguardo. GRATIDÃO!

jcla2003-KabrAL
19/03/2010-6ªfeira
15:12:48(h)

Fabiano Roberto disse...

na parte do codigo padding: 3px, esse valor é a distancia entre elas pode mudar como quiser.

vou verificar sobre a tradução para japones

DJ Silvano disse...

oi Fabiano ,,,parabens pelas dicas ,,ta me ajudando muito ,,,gostei muito das bandeiras e funcionou certinho ,,mas aparece um link no final que ao clicar redireciona para a pagina do Gadget para tradução com imagens das bandeiras,, eu não queria esse link escrito por baixo das bandeiras ,,sera que tem como retirar o link ou entao deixar um botão no lugar do link ,,algo assim ,,,estou mudando o layout do meu blog todo graças a ajuda de vcs ,,e vou postar o banner de vcs na parceria e um gatget em especial para o dicas para blogs ,,,mas somente as bandeiras que eu não queria com o link embaixo ,,,se possivel fazer me avise ou me mande um email :silvano_bad@yahoo.com.br

obrigado

Barbie Horse disse...

Adorei isso!!!
Eu procurei até e não tinha achado isso.
Agora tô hipermegablasterultra FELIIIIIIZZZZ!!!!
Valeuzasso!!!

netto disse...

pocha cara seu site ja bem visualizado podia colocar os assesorios sem colocar marca do seu blog assim não dá poh!!!

Fabiano Roberto disse...

netto
todos os sites colocam sua marca nas coisas que fazem

Henrique Dantas disse...

Olá, este tradutor funciona em wordpress?

Fabiano Roberto disse...

deve funcionar normalmente no WordPress, esse tradutor é feito para a pagina atual então serve em qualquer lugar.

Silvano Petrich disse...

Cara, suas dicas estão sendo de muita valia pra mim. Ficou show a barra de tradução. Meu blog tem poucos posts e alta taxa de rejeição. Com sua ajuda, espero melhor o nível do blog e aumentar o tempo do usuário. Valeu!

Deborah disse...

ADOREI... Muito fácil e legal. Meu blog ficou chique...

Blog de Adalgiso a paz de Deus esteja com todos nós! disse...

Amei esse tradutar,apesar de meu blog, ainda não esta hospedado, mais um dia posso hospear e serve para outros paises ver meu blog com outra com a linguagem atual!!

ઇઉ Mel ☆ mendes♫ ♪ ♫ disse...

Fabiano,já faz um tempo que utilizo esse gadget das bandeirinhas,uso em dois blogs meus,mas as bandeirinhas sumiram hoje em ambos os blogs...Será que é algo de errado nos meus blogs?Uso o blogspot.Obrigado!

Fabiano Roberto disse...

ઇઉ Mel ☆ mendes♫ ♪ ♫
fizemos uma correção no código, houve um problema na hospedagem, apague o código que colocou no seu blog e coloque esse que atualizamos

19/05/2010

lillyaraujo13 disse...

Tudo de boommm!!!
Mais um que já estou usando de suas dicas.
valeu demais

Genilda Silva disse...

Acabo de instalar as bandeirinhas de tradução em um novo blog que estou criando, ainda em fase de desenvolvimento. Ficou muito bom, e funciona perfeitamente, sem falhas, obrigado pela dica!

Rogener Pavinski disse...

Todos os que eu testei, inclusive esse dá erro no meu blog. O tradutor original do google sem bandeiras, funciona sem problemas. Todos os de bandeira linkam para o Google tradutor e fica abrindo varias vezes e não funciona. o meu blog é tormentametal.com

Fabiano Roberto disse...

Rogener Pavinski
é estranho dizer isso, nunca ninguém reclamou de duas paginas abrirem.

mas como disse que já usou códigos de tradutores com bandeiras de outros sites e também não deu certo, acredito que seja alguma falha na hora de colocar o código, talvez outro código no seu blog esteja gerando conflito, infelizmente é praticamente impossivel saber qual deles é, só apagando um por vez e fazendo testes.

Rogener Pavinski disse...

Então, a unica explicação que eu posso imaginar foi que o blog não tem um layout original do blogger, foi muito alterado o Css dele. Talvez seja isso.

Valeu.

Amelius Ricco disse...

ola gostaria do codigo que colocassem aqui neste codigo a bandeira e o idioma hebraico se possivel e enviar via imail desde ja agradeço.......

ameliuss@ymail.com

Fabiano Roberto disse...

vou incluir o idioma hebraico em breve

Delex Trufas disse...

Olá, gostei muito do seu blog, foi o único em que encontrei tudo bem explicadinho, mas eu gostaria de colocar mais uma bandeira, a de Israel com tradução para hebraico. É possível?

Fabiano Roberto disse...

Amelius Ricco e Delex Trufas fiz a alteração, você poderiam testar e dizer se está correto, não entendo nada sobre hebraico.

Delex Trufas disse...

Adorei!! Ficou ótimo! Muito obrigada!! Eu tenho dois blogs, mas a bandeirinha de Israel com a tradução só a apareceu em um. nesse que do qual estou falando com vc, o delex-trufas.blogspot não apareceu a bandeira.

Delex Trufas disse...

já consegui!! Muito obrigada!!!

Fabiano Roberto disse...

como a alteração foi feita agora o seu blog pode usar o histórico de internet então não aparece nas primeiras vezes que visita o blog.

Matheus D' Silva disse...

Fabiano , venho primeiramente agradecer bastante por todas as dicas pois estou construindu o meu blog a 2 dias e j´[a vejo uma grande evolução ... pois explorei bastante o seu site ... o q eu gostaria muito de aprender e q será pra mim um adianto .. é como mexer naquela parte de HTML , sei q vc naum é professo mais a minha pergunta é simples ao ponto q creio q vc irá me ajudar ...
quando copio este código por exemplo do tradutor com as bandeirinhas .. quero saber exatamente aonde ein q parte do HTML eu colo .. é logo no começo ? pode ser em qualquer lugar ? ... ou se possível me explique com mais detalhes como faço para aplica-lo no meu blog
tenhu um tb te clima , tempo q tenho este codigo mais naum sei aonde coloco ...
lhe agradeço imensamente desde já
ass : Matheus da Silva , quero q saibas q tem sido uma referencia pra construção do meu site ...

caso tenha tempo de um olhada :
mthsdasilva.blogspot.com

Fabiano Roberto disse...

Matheus D' Silva


entre na pagina designer, adicionar gadget, html/javascript e cole o código

D. Melo disse...

Tá dando erro na imagem do Inglês. :/

Debora Arts Crafts disse...

Boa noite, Fabiano.
A bandeirinha da tradução para o inglês sumiu!! Houve algum problema?

Fabiano Roberto disse...

houve um problema com a hospedagem da imagem da bandeira do link para tradução para o inglês mas já trocamos a imagem e agora voltou a funcionar normalmente.

Cassio_Fontenele disse...

Estava precisando de um tradutor deste com bandeiras das nações. Genial!!!!!