Bem-Vindo ao "Saiba Como Fazer...Quase Tudo"

Sejam Bem-vindos ao nosso novo blog. Aqui vamos ter oportunidade de aprender juntos. Como não discriminamos nada, vamos ensinar de tudo um pouco, desde "como criar um blog" a "como fazer um delicioso bolo de cenoura". Então, mãos à obra, e vamos começar a aprender. O blog agradeceria que todos deixassem comentários, críticas e sugestões.

sexta-feira, 10 de fevereiro de 2012

COMO COLOCAR UM TRADUTOR COM BANDEIRAS NO BLOG



English French German Spain Italian Dutch
Russian Portuguese Japanese Korean Arabic Chinese Simplified
(Código Extraído do Blog FERRAMENTASblog)
Visitantes de vários países vêm dar uma conferida, de vez em quando, nos nossos blogs e como toda visita é bem-vinda é importante fazer com que eles voltem. Uma boa forma de atrair visitantes de outros países é colocar um tradutor no blog. Esse que vocês podem ver aqui à direita (ou seja, à sua esquerda, rssssss) é super bonito, bastante eficiente e o que é melhor, é muito fácil de criar. Para essa tarefa nem precisaríamos de um passo a passo, pois não existe mistério nenhum, mas como o objetivo do blog é deixar tudo o mais simples possível, vamos lá: para começar basta copiar o código que está no final deste post e depois ir em "Design" no seu blog e em "Adicionar Aplicativo" (ou "Adicionar Gadget", em alguns blogs), vai surgir a página seguinte:
Escolha o aplicativo HTML/JavaScript (indicado pela seta vermelha), imediatamente nova página será aberta, conforme mostra a figura seguinte. 


Nesta página dê um título ao aplicativo (como TRANSLATE, por exemplo) e cole o código que você copiou no quadro de baixo. Depois é só salvar e e suas bandeirinhas lindas vão aparecer no blog. Você ainda pode mover o aplicativo para onde achar melhor, basta ir novamente em Design e arrastá-lo para uma área preferida. Agora seus visitantes internacionais já podem ler tudo, ou pelo menos grande parte do que você escreve no blog, além das bandeirinhas darem um charme todo especial a ele.

Segue abaixo o código, é enorme, mas não se assuste, copie e cole tudo e vai funcionar:


<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="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?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="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?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://www.ferramentasblog.com/">Ferramentas Blog</a></em></font>



10 comentários:

  1. Ótimo post. Confesso que me assustei mesmo com o tamanho do código, rs... Mas deu certo e ficou lindo no meu blog. Obrigado pela ajuda. Abraço.

    ResponderExcluir
    Respostas
    1. oi Elaine, obrigado pela visita. Realmente o código é meio assustador, mas quando vemos que deu certo ficamos aliviados, né? Rsss. Eu vi no seu blog, ficou mesmo show, parabéns e volte sempre. Abração.

      Excluir
  2. obrigado pelo post ai fico show
    http://muriaeshoppingvirtual.blogspot.com.br/
    continue assim parabens

    ResponderExcluir
    Respostas
    1. Que bom que você gostou, vou lá no seu blog fazer uma visita e espero que você volte sempre, em breve farei novas postagens. Abraço.

      Excluir
    2. Visitei o seu blog e gostei muito, tentei deixar um comentário, mas o código de verificação não está funcionando ou então deixei o mesmo recado inúmeras vezes, rsssss (se for o caso, me desculpe). Abraços.

      Excluir
  3. Valeu Vagner, legal que você tenha gostado. Obrigado pela visita. Abraços.

    ResponderExcluir
  4. Muito interessante teu Blog e informações como se fala aqui na Holanda "zonder poespas" , parabéns pela ideia em auxiliar muitos como eu que por momentos ficam perdidos sem saber como fazer. Obrigada

    ResponderExcluir
  5. Em nome do Blog http://computarindo.blogspot.com.br/ agradeço pela ajuda que me foi dada com a sua postagem.

    ResponderExcluir
  6. Em nome do Blog http://computarindo.blogspot.com.br/ Venho lhe agradecer pela ajuda que me foi dada com a sua postagem. (Se tiver um comentário semelhante a este favor desconsidera-lo). Obrigado!!

    ResponderExcluir

Todos os seus comentários, críticas ou sugestões são bem recebidos. Deixar um comentário é sinal de que você tem uma opinião própria e inteligente sobre o blog.