Tradutores com Bandeiras no Blogger/Blogspot
Actualmente faz parte do design de um blog ter um tradutor. Mas não é a qualquer tradutor que me refiro, pois alguns não são muito estéticos, como os do Google. Então resolvi procurar um conjunto de ícones de bandeiras, para fazer um bom tradutor. Os idiomas básicos que escolhi para este widgets são: Por fim, resolvi fazer 4 estilos diferentes em dois tamanhos. Estes serão apresentados de seguida: Estilo 1: Bandeira de Portugal a representar a Língua Portuguesa e a bandeira do Reino Unido a representar o Inglês. Estilo 2: Bandeira do Brasil a representar a Língua Portuguesa e a bandeira do Reino Unido a representar o Inglês. Estilo 3: Bandeira de Portugal a representar a Língua Portuguesa e a bandeira dos Estados Unidos da América (EUA) a representar o Inglês. Estilo 4: Bandeira do Brasil a representar a Língua Portuguesa e a bandeira dos Estados Unidos da América (EUA) a representar o Inglês. Para adicionar qualquer um dos 4 estilos/modelos de tradutor, clique aqui. Vou deixar para download o conjunto das bandeiras, para que possa adicionar mais idiomas e para que possa alterar a(s) bandeira(s) do(s) país(es) devido ao facto de vários países falarem a mesma língua. Download Bandeiras (2 tamanhos). Para que possa adicionar mais línguas altere o código abaixo. Tamanho Grande: <a title="título_da_tradução" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Ccódigo_da_língua&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="titulo_da_tradução" border="0" alt="Spain" src="url da imagem_com_http" width="32" height="32" /></a> Tamanho Pequeno: <a title="título_da_tradução" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Ccódigo_da_língua&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="titulo_da_tradução" border="0" alt="Spain" src="url da imagem_com_http" width="24" height="24" /></a> O código_da_língua está disponível aqui. Referências: Vagabundia, Dicas Blogger.
Veja mais Artigos sobre WIDGETS:
