Tradutor para blog com bandeiras


Nem é preciso afirmar o quanto a internet é uma rede glotalizada, o que nos abriga a criar blogs com conteúdos abrangentes e, se não em vários idiomas, que tenha um tradutor ao alcance da vista de seu visitante. Melhor ainda se este tradutor puder ser ativado com um único clique e sinalizado pela bandeira do país daquele idioma. É isso que vamos mostrar aqui nesta dica para blog.

Esse modelo é bem simples de usar, como os anteriores e a grande vantagem dele é que usa as bandeiras como ícones. Basta clicar sobre as bandeiras para ver a página traduzida.


Para usar esse recurso, basta copiar o código que segue. Como é um pouco longo, clique no botão “Abrir Código” para ver as linhas.

<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=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="http://3.bp.blogspot.com/-88jhiyWhfX8/VLPmvxwoZAI/AAAAAAAADww/M6sZTtA1QP8/s1600/United%2BKingdom(Great%2BBritain).png" style="cursor: pointer;margin-right:8px" 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=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="http://4.bp.blogspot.com/-4pIVEGDUEGE/VLPmsrRhQTI/AAAAAAAADwo/YTkmUPFG90M/s1600/France.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="http://3.bp.blogspot.com/-oRCOxGg9Pik/VLPmtJTqReI/AAAAAAAADvs/Z1I9XjMqJv4/s1600/Germany.png" style="cursor: pointer;margin-right:8px" 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=auto%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="http://4.bp.blogspot.com/-fZdytXvfuzA/VLPmwn5aOuI/AAAAAAAADw8/yVHqvyB0Wio/s1600/Spain.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="http://4.bp.blogspot.com/-fWDTjz-PSdM/VLPmtkrmU4I/AAAAAAAADv4/yA0KeqWCmgo/s1600/Italy.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="http://4.bp.blogspot.com/--Db2fscLTeA/VLPmuQN9ICI/AAAAAAAADwI/2hzPQdGLBcM/s1600/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="http://2.bp.blogspot.com/-4FAk0GfVjjo/VLPmuUlfJsI/AAAAAAAADwM/-km7U5M7V3I/s1600/Russian%2BFederation.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="http://2.bp.blogspot.com/-ZDWJTT-hZ5g/VLPmsumrQZI/AAAAAAAADvo/SgxAIkKKVK4/s1600/Brazil.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="http://2.bp.blogspot.com/-2H3IjY-W5PI/VLPmt-zk6cI/AAAAAAAADv8/KCEPf5Nd0LY/s1600/Japan.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="http://1.bp.blogspot.com/-e01YYDVxcig/VLPmvM6oFhI/AAAAAAAADwY/fdvR5kTO8I0/s1600/South%2BKorea.png" style="cursor: pointer;margin-right:8px" 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=auto%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="http://1.bp.blogspot.com/-RugFCZzGAMA/VLPmu1q2hqI/AAAAAAAADwU/MbkwoOZTe5Y/s1600/Saudi%2BArabia.png" style="cursor: pointer;margin-right:8px" 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=auto%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="http://1.bp.blogspot.com/-InTsgX6-pzM/VLPmslSXpNI/AAAAAAAADvk/pHpCmJHC6Uw/s1600/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a href=http://www.dicadeblog.com.br

 target="_blank"><small>Tradutor</small></a></div>

Deixe seu comentário, ele é a motivação do nosso trabalho.
Proxima
« Anterior
Anterior
Proxima »