Tradução do Blog com Bandeiras ou Links - Escolha os Idiomas

Existem diversas ferramentas de tradução para blog com as bandeiras dos países, mas o difícil é achar uma que tenha a tradução para os idiomas que você deseja ou precisa colocar no seu blog, então vamos mostrar hoje como criar seu próprio tradutor com bandeirinhas (Gadget para tradução com imagens das bandeiras) podendo escolher quais idiomas vai usar e também escolher as imagens das bandeiras ou ainda se prefere colocar somente links de texto para a tradução do blog para outra língua.

O principio é bem simples apenas adaptamos o serviço de tradução on-line gratuito do Google, portanto é possível criar ferramenta de tradução para qualquer idioma disponível no site do Google Tradutor. Veja os links abaixo e entenderá como pode traduzir o seu blog para qualquer idioma:

Create Blog, Essential Tips on Blogs
http://translate.google.com.br/translate?hl=pt-BR&sl=auto&tl=en&u=http://www.dicasparablogs.com.br/2010/11/criar-blog-dicas-essenciais-sobre-blogs.html

Crea Blog, fondamentali consigli su Blog
http://translate.google.com.br/translate?hl=pt-BR&sl=auto&tl=it&u=http://www.dicasparablogs.com.br/2010/11/criar-blog-dicas-essenciais-sobre-blogs.html

Os dois links são a nossa pagina Criar Blog, Dicas Essenciais sobre Blogs traduzida para o inglês e italiano repare que a única coisa que mudou no código foram as letras en e it no trecho: tl=en e tl=it



Então você pode facilmente saber como traduzir uma pagina para qualquer outro idioma apenas traduzindo seu blog para a língua que deseja e copiando essas letras para utilizar no código abaixo, coloque no seu blog como um gadget de html/javascript:

<style type="text/css">
.tradutor a{
cursor:pointer;
padding: 5px;
}
.tradutor a:hover{
text-decoration: underline overline;
}
</style>
<div class="tradutor">
<a rel="nofollow" onclick="window.open('http://translate.google.com.br/translate?hl=pt-BR&sl=auto&tl=en&u='+encodeURIComponent(location.href)+''); return false;">inglês</a>
<a rel="nofollow" onclick="window.open('http://translate.google.com.br/translate?hl=pt-BR&sl=auto&tl=it&u='+encodeURIComponent(location.href)+''); return false;">italiano</a>
<a rel="nofollow" onclick="window.open('http://translate.google.com.br/translate?hl=pt-BR&sl=auto&tl=es&u='+encodeURIComponent(location.href)+''); return false;">espanhol</a>
</div>

Note que o trecho a única coisa que mudou foi as tais letras no link aqui adicionamos ainda a opção do espanhol com as letras es.

Seguindo esse exemplo você pode achar qualquer idioma do tradutor do google para usar no seu blog e não precisa se preocupar com o idioma que sua pagina for escrita o site identifica automaticamente a língua.

o inicio do código .tradutor a e .tradutor a:hover, são os estilos dos links, então pode formatar como desejar, veja aqui com mais detalhes:

Alterar cores dos links - CSS
Como Formatar o Texto do Blog

E para trocar os links de texto por imagens só precisa colocar esse código no lugar das palavras inglês, italiano e espanhol:

<img src="endereço da imagem" border="0" />

Claro que cada idioma deve usar uma imagem diferente esse é apenas um modelo, por exemplo, o trecho de tradução para o inglês ficaria assim:

<a rel="nofollow" onclick="window.open('http://translate.google.com.br/translate?hl=pt-BR&sl=auto&tl=en&u='+encodeURIComponent(location.href)+''); return false;"><img src="endereço da imagem" border="0" /></a>

A vantagem disto é que você poderá escolher as imagens de bandeiras ou ícones dos paises que gostar mais, veja nos links abaixo alguns tutoriais que podem ajudar nisto:

Download Grátis de Icones
Programa para editar imagem ou fotos grátis - Editores de Imagens
Imagem não aparece

Colocar Ferramentas de tradução no blog no blog pode ajudar no caso de visitantes de outros paises, indicações em fóruns e outras coisas, mas devido a grande quantidade de línguas é praticamente impossível criar um código para atender as necessidades de cada blog, afinal existem muitos assuntos que são de interesse de algum pais ou região em especifico.