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

Através de indexação de paginas, agregadores de links e mecanismos de busca, suas postagens ficam globais. Por isso, é de extrema importância ter algum tipo de tradutor, para que todos possam ter acesso ao conteúdo de seu site ou blog, sem dificuldade.

Existem vários mecanismos para isso. O Babylon, o Google tradutor e muitos outros.

Muitos criadores de scripts utilizam o caminho de referencia de links entre o conteúdo original e o traduzido, em ícones de bandeiras para facilitar a visão. Uma técnica interessante de estilo, dinamismo e visibilidade.

Ao invés de procurar um tradutor para traduzir a pagina ou o conteúdo que está sendo lido, basta clicar na bandeira correspondente a sua língua, e pronto! A pagina 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.

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

              

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

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

Esse código se refere à tradução de cada bandeira, portanto é necessário troca em todos os locais no código o endereço do bloggerenciado pelo seu. Uma dica: cole no Bloco de Notas ou Notepad mais para localizar com facilidade e fazer as alterações necessárias. 

<!--– Add Portuguese to English –--><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 copiar o código acima, editado, e inserir em seu blog.

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

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:

<style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0;} .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; } </style> <div> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQGbXON95cZL5aDjtc7Jd228EuG47KSo33sOrBqvCuo_YvfNKMytW6xUDO6HF7nz4jbrfAsQsuOnXiRn3b8qXP9yRpcZ_BBawGQobgZbY9rjpoGRgz7on_ph3IMSVKF1qaYmdw4aWrFQM/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrs0wtGrHYOBy3NRJfT-cBNNPJyBLGAjprVaLJTQagdhQYcJr_SL96GNbul11yATDQhyTd3i2S_Mf0z8fbHwc-T-p6SCwQAUPahRvpyTNJDS3UqMqkidoWK3id6fBsGdY9n_ImEgS2Y30/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglBNNgQJG-d3lJ6I0aPnOjJt16JUh5RZzqpSNIwMtE6RGV90UpQlpiyBkxrsYf6zulvus03IL-rPHc0PYVygMG2BqY5VrVpzoFv5Uvkn57CRekRrBaIZcQCkHbkhuoM4GoHbuQdCFCShfH/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFHOOIzke9qBZanK7mmh1-oOtimJzWP6-1obdsXGByp5F_LawI2dFYCVXpp7SxmQ2y1K2oTiZovY_QlYog3ouX9hCkB9dNFVlQGtzqkzevR7t4A1TlS2ItdkUlMgFcpTwADyGYhXn9u89w/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOoY_DcvXCe0eLEsGbbz6eLC7MFZwV1tsjp6KMl88njrBpXl16rE_GJBu6ZIsw0vCB0DZh4W5rrsz8SOaButzVEW8cpFfwH7LSmHh9YW94PvuK0RPIffveFhCGBLOWPBHKDjVMehzKcqk/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzHUNf52q5AwmceQHK1ccjQQmF4zNR-Jy-6h4-FRbZMsrIirlER7dCnO6zcogBUCfCGr2HGhyphenhyphenglGYM3-lPkIwsek9hme44EwxRlU8ilohp1dRThToRHReTPRYBlCEMC3I29qpYbNll9f8/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> <br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpfSz3jWo7URM9ce9_Y9D7uIMsvDEqK4D9CyiXwuC8h9h7kGQOCPhjxZCpe6l6kUGsNhM7CbawUyhho90IEoQSGTcDLSyUl_Fx2xqlsyjIxN5goOJFg9JbZvHgVEoHbzq8RVtgIZbnwhQ/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3OHp1rrh5OpGJBsT4oJgSQts0kZ1hTiVNuO5R1qpYSz6dPjXJVhFM-lenqGm84rjczJnQV7MuPCq4scB6k1Z5E96J2f-tnMjb-umofFE4HsYscxkOY8WWMmU-EU3u-_NAqR3vmCIWt9k/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTC8jmcKtYPRcipZqd6CCTRky5PIm7coKHK3C6jo34expgZMU3-0SlH8JBHb394JDrqlkvKNkBQQZ9VLVbdeROzEyr6unKGff8pUClzMWabOIHZOKIHmhz4f_W0QqrPp6hZ3BWHtJS23fE/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEeU4upEFryWqRxgY7M1WURT9ifATlVuYSeG7irlCIz56LtA7YP_UqJkrcUQoRqat29TaJz8csbloin0izOFuGeWDVy-Z0EyOXG76FwFwNvtut-GUUyQ5pHOiaWfs1XYICzLTJeNRQ6Iw/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Car&hl=en'); return false;"><img alt="Arabic" borde r="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg4qSMw-kUAwQ2Qm6iV-RfbmGPmMJTU-ximemWiBHS8tA7UvhDvKT8-XaTVJX7qgWsN8TNM67uuC7dpTtN7jn9oieBdK-wyF5NviuK7f0DrsASg7QNQAlGziD44DD4dH7-FM3VQvGpYuY/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy4FadTm8C4t1mobbxJRzbdC-c9kYLhQio8YEL55ztm-l7m5sPCMQr-zXbh1D2fOAfOOZm5kRLCxA51uN6I9mm-R-SSYLrpFXaMiW8-Ei2kBHN84NkGQRl0yPG3wMXlKv50kEbL-97Gmk/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> </div> <font face="Microsoft Sans Serif" color="#c0c0c0" size="1"><em>By <a href="http://bloggerenciado.blogspot.com.br/">BLOG GERENCIADO</a></em></font>

Codigo Qr do post para Celulares:

#Compartilhar :

Tweet

Postagens Relacionadas