Como adicionar um Tradutor com bandeiras no blog (Blogger/WordPress)

Para colocar um tradutor no seu blog, como o que eu tenho aqui, copie o código abaixo, vá em Modelo->

Inserir Elemento de Página-> e escolha HTML/JavaScript e cole o código, abaixo salvando.





<div style="width: 350px;"> <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Czh-CN&hl=pt&ie=UTF8'); return false;"><img style="border: 0px; cursor: pointer;" alt="Traduzir para Chinês"src="http://i53.tinypic.com/4ftiyp.jpg"></a> <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Ces&hl=pt&ie=UTF8'); return false;"><img style="border: 0px; cursor: pointer;" alt="Traduzir para Espanhol" src="http://i56.tinypic.com/1zlazjk.jpg"></a> <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cit&hl=pt&ie=UTF8'); return false;"><img style="border: 0px; cursor: pointer;" alt="Traduzir para Italiano" src="http://i44.tinypic.com/xtyrd.jpg"></a> <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cfr&hl=pt&ie=UTF8'); return false;"><img style="border: 0px; cursor: pointer;" alt="Traduzir para Françês" src="http://i55.tinypic.com/s2yvsk.jpg"></a> <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cen&hl=pt&ie=UTF8'); return false;"><img style="border: 0px; cursor: pointer;" alt="Traduzir para Inglês" src="http://i53.tinypic.com/2u40x37.jpg"></a> <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cde&hl=pt&ie=UTF8'); return false;"><img style="border: 0px; cursor: pointer;" alt="Traduzir para Alemão" src="http://i51.tinypic.com/34sf5ub.jpg"></a> <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cja&hl=pt&ie=UTF8'); return false;"><img style="border: 0px; cursor: pointer;" alt="Traduzir para Japonês" src="http://i54.tinypic.com/25gcxmr.jpg"></a> <a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cru&hl=pt&ie=UTF8'); return false;"><img style="border: 0px; cursor: pointer;" alt="Traduzir para Russo" src="http://i55.tinypic.com/zlqgqg.jpg"></a> <br/><div align=”center”> <span style="font-size: x-small;"><a href="http://www.montarumblog.com/tradutor-para-blog-com-bandeiras/" target=”_blank”>Obter um tradutor</a> </span></div> </div>

Agora, siga as instruções de instalação do tradutor:

No Blogger:
Aceda ao painel de controlo do seu blog e no separador “Esquema” (ou Layout) clique em “Adicionar uma miniaplicação” (ou adicionar gadget) – Selecione “HTML/Javascript” e cole o código do tradutor.


No WordPress:

Aceda ao Painel de Controlo – Menu Aparência – Widgets – adicione uma Widget de “texto” – cole o código do tradutor e guarde as alterações.


Este será o resultado final:

Obter um tradutor