Gadget de Bandeiras - Tradução online da página do blog

Unknown 00:03 bandeiras , blog , Gadget , tradutor 9 comentários

Adicionando um tradutor online

Através da indexação de páginas, agregadores de links e mecanismos de busca, suas postagens ficam globais. Por isso, é importante ter algum tipo de tradutor, para que todos possam ter acesso ao conteúdo de seu blog, sem dificuldade.

Existem vários mecanismos para isso. O Babylon e o Google tradutor são alguns exemplos.

Muitos desenvolvedores de scripts, utilizam o caminho de referência de links entre o conteúdo original e o traduzido, através de ícones de bandeiras com scripts embutidos, para facilitar a visão e o clique do visitante em seu idioma original. Uma técnica de estilo, dinamismo e visibilidade.

Ao invés de procurar um tradutor para a página ou o conteúdo que está sendo lido, basta clicar na bandeira correspondente à sua língua, e pronto! A página inteira e todo o seu conteúdo é traduzido para seu idioma.

Abaixo, destacamos dois códigos que encontramos na web, e podem ser adicionados em seu template através de um Gadget.

Tutorial - tradutor online

Gadget com 25 bandeiras

O primeiro é este, abaixo, com 25 bandeiras. Um ótimo tradutor online para aplicar em seu template:

Para aplicar o modelo acima, você precisa fazer uma pequena alteração. Troque o endereço do Blog Gerenciado pelo seu, como no exemplo abaixo:

<a href="http://translate.google.com/translate client=tmpg&hl=pt&u=http://bloggerenciado.blogspot.com.br/

Esse código se refere à tradução de cada bandeira, portanto é necessário trocar em todos os locais onde a url do bloggerenciado aparece pelo endereço do seu blog.

Uma dica: cole no Bloco de Notas ou Notepad++ para localizar com facilidade e fazer as alterações necessárias.

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cen&en=pt&en=UTF8'); return false;" title="Google-Translate-Portuguese to English "><img border="0" vspace="2" hspace="2" width="25" src="http://aimore.net/band/thumbs/thumb_us.gif" height="25" title="English"/><a href="http://translate.google.com/translate?client=tmpg&hl=pt&u=http://bloggerenciado.blogspot.com.br/&langpair=pt%7Ces" target="_blank" title="Spanish"><img border="0" vspace="2" hspace="2" width="25" src="http://aimore.net/band/thumbs/thumb_es.gif" 
height="25" title="Spanish"/></a><a href="http://translate.google.com/translate?client=tmpg&hl=pt&u=http://bloggerenciado.blogspot.com.br/&langpair=pt%7Cfr" target="_blank" title="French"><img border="0" vspace="2" hspace="2" width="25" src="http://aimore.net/band/thumbs/thumb_fr.gif" height="25" title="French"/></a><a href="http://translate.google.com/translate?client=tmpg&hl=pt&u=http://bloggerenciado.blogspot.com.br/&langpair=pt%7Cit" target="_blank" title="Italian"><img border="0" vspace="2" hspace="2" width="25" src="http://aimore.net/band/thumbs/thumb_it.gif" height="25" title="Italian"/></a><a href="http://translate.google.com/translate?client=tmpg&hl=pt&u=http://bloggerenciado.blogspot.com.br/&langpair=pt%7Cde" target="_blank" title="German"><img border="0" vspace="2" hspace="2" width="25" src="http://aimore.net/band/thumbs/thumb_de.gif" height="25" title="German"/></a><a href="http://translate.google.com/translate?client=tmpg&hl=pt&u=http://bloggerenciado.blogspot.com.br/&langpair=pt%7Cja" target="_blank" title="Japanese"><img border="0" vspace="2" hspace="2" width="25" src="http://aimore.net/band/thumbs/thumb_jp.gif" height="25" title="Japanese"/></a> <a href="http://translate.google.com/translate?client=tmpg&hl=pt&u=http://bloggerenciado.blogspot.com.br/&langpair=pt%7Car" target="_blank"><img border="0" vspace="2" hspace="2" width="25" src="http://aimore.net/band/thumbs/thumb_sa.gif" height="25" title="Arab"/></a><a href="http://translate.google.com/translate?client=tmpg&hl=pt&u=http://bloggerenciado.blogspot.com.br/&langpair=pt%7Cru" target="_blank" title="Russian"><img border="0" vspace="2" hspace="2" width="25" src="http://aimore.net/band/thumbs/thumb_ru.gif" height="25" title="Russian"/></a><a href="http://translate.google.com/translate?client=tmpg&hl=pt&u=http://bloggerenciado.blogspot.com.br/&langpair=pt%7Clv" target="_blank" title="Swedish"><img border="0" vspace="2" hspace="2" width="25" src="http://aimore.net/band/thumbs/thumb_se.gif" height="25" title="Swedish"/></a><a href="http://translate.google.com/translate?client=tmpg&hl=pt&u=http://bloggerenciado.blogspot.com.br/&langpair=pt%7Czh-TW" target="_blank" title="Chinese"><img border="0" vspace="2" hspace="2" width="25" src="http://aimore.net/band/thumbs/thumb_cn.gif" height="25" title="Chinese Simplified"/></a><a href="http://translate.google.com/translate?client=tmpg&hl=pt&u=http://bloggerenciado.blogspot.com.br/&langpair=pt%7Cnl" target="_blank" title="Dutch"><img border="0" vspace="2" hspace="2" width="25" src="http://aimore.net/band/thumbs/thumb_nl.gif" height="25" title="Dutch"/></a><a href="http://translate.google.com/translate?client=tmpg&hl=pt&u=http://bloggerenciado.blogspot.com.br/&langpair=pt%7Cel" target="_blank" title="Greek"><img border="0" vspace="2" hspace="2" width="25" src="http://aimore.net/band/thumbs/thumb_gr.gif" height="25" title="Greek"/></a></a> <a title="Thai" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cth&hl=pt&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Thai" border="0" alt="Spain" src="http://img52.imageshack.us/img52/7443/thailand.png" width="24" height="24" /></a> <a title="Ukrainian" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cuk&hl=pt&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Ukrainian" border="0" alt="Spain" src="http://img692.imageshack.us/img692/9222/ukrainei.png" width="24" height="24" /></a> <a title="Romanian" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cro&hl=pt&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Romanian" border="0" alt="Spain" src="http://img17.imageshack.us/img17/2865/romaniaj.png" width="24" height="24" /></a> <a title="Norwegian" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cno&hl=pt&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Norwegian" border="0" alt="Spain" src="http://img705.imageshack.us/img705/1374/norwayd.png" width="24" height="24" /></a> <a title="Bulgarian" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cbg&hl=pt&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Bulgarian" border="0" alt="Spain" src="http://img28.imageshack.us/img28/3291/bulgariaz.png" width="24" height="24" /></a>  <a title="Belgian" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cbe&hl=pt&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Belgian" border="0" alt="Spain" src="http://img705.imageshack.us/img705/1923/belgiumi.png" width="24" height="24" /></a>  <a title="Hungarian" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Chu&hl=pt&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Hungarian" border="0" alt="Spain" src="http://img651.imageshack.us/img651/7048/hungaryn.png" width="24" height="24" /></a> <a title="Croatian" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Chr&hl=pt&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Croatian" border="0" alt="Spain" src="http://img856.imageshack.us/img856/4900/croatiax.png" width="24" height="24" /></a> <a title="Finnish" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cfi&hl=pt&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Finnish" border="0" alt="Spain" src="http://img856.imageshack.us/img856/6985/finlandu.png" width="24" height="24" /></a> <a title="Indonesian" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cid&hl=pt&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Indonesian" border="0" alt="Spain" src="http://img829.imageshack.us/img829/6441/indonesiar.png" width="24" height="24" /></a> <a title="Polish" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cpl&hl=pt&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Polish" border="0" alt="Spain" src="http://img36.imageshack.us/img36/126/polandw.png" width="24" height="24" /></a> <a title="Turkish" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Ctr&hl=pt&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Turkish" border="0" alt="Spain" src="http://img684.imageshack.us/img684/6637/turkeye.png" width="24" height="24" /></a> <a title="Slovak" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Csk&hl=pt&ie=UTF8'); return false;" rel="nofollow" target="_blank"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Slovak" border="0" alt="Spain" src="http://img21.imageshack.us/img21/6497/slovakias.png" width="24" height="24" /></a> tradução

Agora, basta inserir em seu blog o código acima, editado.

Vá em modelo, layout, adicionar Gadget,selecione HTML/javascript, e insira o código.

Gadget animado com bandeiras

Vamos ao segundo estilo de tradutor. Veja o modelo abaixo:

Diferente do primeiro modelo, as imagens não são estáticas, e funciona como um display de animação. Apesar de ter menos bandeiras, ele é elegante e um pouco mais dinâmico que o outro.

Para tê-lo em seu blog, é só copiar o código da caixa de auto seleção, abaixo, e adicioná-lo em seu template, seguindo os passos que já foram citados:

Neste modelo de tradutor online com bandeiras não é necessário fazer nenhum tipo de alteração no código.

E, então, o que achou? Dê-nos sua opinião!

Blogger Comments
Facebook Comments

9 comentários :

Lia Araujo30/08/2013, 13:05
Oi,eu moro na Bélgica e add esse primeiro modelo com 25 bandeiras só por causa do idioma daqui e justo ela não funcionou direito.Ela traduz para o Bel-Russo!!!Lingua que eu nem conheço!!
Alguem me ajuda por favor?
Gostaria de usar com a bandeirinha daBélgica com a língua holandesa que é daqui!

Obrigado
ResponderExcluir
Respostas
Unknown30/08/2013, 16:13
vou corrigir e colocar a bandeira da bélgica com o idioma holandês para te servir melhor acredito que até domingo o gadget vai esta com todas as bandeiras corrigidas com seus respectivos idiomas abraço !!!
ResponderExcluir
Respostas
Espirito29/11/2013, 08:55
Obrigado pela dica!

Abraço!
ResponderExcluir
Respostas
Anônimo30/12/2013, 17:53
Ótimo.Consegui colocar no meu blog
http://modshbr.blogspot.com.br/
mas o problema tá na bandeira americana,pois eu clico para traduzir e não tá dando em nada.
ResponderExcluir
Respostas
Unknown31/03/2014, 11:28
VLWW

Visita ai o meu BLOG 100% AngolanoO... www.bwedcenas-oficial.blogspot.com
ResponderExcluir
Respostas
Anônimo16/07/2014, 20:17
Boa Noite

Estou procurando alguem que faça a tradução com imagem de Bandeiras

Gostaria de saber quem e preço ou tel.
]
Sem mais obrigado
ResponderExcluir
Respostas
Ozymandias_Realista29/09/2015, 14:49
De quebra ainda ficou uma propagandazinha pro seu blog, mas até que é justo, já que ensinou o truque.
ResponderExcluir
Respostas

O BG entrará em contato com você em até 24 horas! Para deixar seu link, escolha a opção Nome/URL. Spans ou links para pedidos de visita serão excluídos imediatamente. Para mais informações, leia a Política BG.

Assinar: Postar comentários ( Atom )

Gadget de Bandeiras - Tradução online da página do blog