tutorial

Tradutor no blog

janeiro 30, 2013,3 Comments

Oi, Boa noite! 
Vim ensinar como colocar Tradutor no blog com bandeiras. 
Tô eficiente hoje.
Bom, nas maiorias do blogs que eu vejo tem aquele lindo e broxante Google Tradutor, que na minha opinião, fica ridículo nos blogs, desculpa quem tem! 
Esse daqui é o google tradutor broxante:
Você quer mudar ele? Ou colocar um tradutor assim:
Então, clica ai em Leia Mais e aprenda comigo, é rápido e prático, super fácil também!


Como eu disse, é rápido, prático e super fácil
Se baseia em uma HTML aonde você nem precisa mexer, é só copiar e colar. 
Enfim, a primeira coisa que você tem que fazer é adicionar um gadget, HTML/JavaScript
Nem precisa mover esse gadget, é bom que ele fique no top da sua sidebar, caso algum ESTRANGEIRO entrar no seu blog localizar o tradutor ali de cara.
Assim que você adicionar esse gadget, se você QUISER coloca o titulo como Translator. 
E cola esse código no "Conteúdo"

<div style="padding:10px 4px 3px 4px;text-align:center;">
<!--–GOOGLE TRANSLATE MINI FLAGS–--><div align="center"><!--– Add Portuguese to Chinese (Simplified) BETA –--><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;"
 title="Google-Translate-Chinese (Simplified) BETA"><img
 style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
 alt="Google-Translate-Chinese"
 src="http://lh5.ggpht.com/_mcq01yDJ2uY/Sdke4C8za2I/AAAAAAAAAkU/Mpfn_ntCweU/China.png"
 title="Google-Translate-Chinese"><!--– END Portuguese to Chinese (Simplified) BETA–--><!--– Add Portuguese to French –--></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;"
 title="Google-Translate-Portuguese to French "><img
 style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
 alt="Google-Translate-Portuguese to French"
 src="http://lh4.ggpht.com/_mcq01yDJ2uY/SdkfGSkRgfI/AAAAAAAAAkc/X4E87SASLtA/France.png"
 title="Google-Translate-Portuguese to French"><!--– END Portuguese to French –--><!--– Add Portuguese to German –--></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;"
 title="Google-Translate-Portuguese to German"><img
 style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
 alt="Google-Translate-Portuguese to German"
 src="http://lh3.ggpht.com/_mcq01yDJ2uY/Sdke3rFjMUI/AAAAAAAAAkE/o0kR0MfngXA/Germany.png"
 title="Google-Translate-Portuguese to German"><!--– END Portuguese to German –--><!--– Add Portuguese to Italian –--></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;"
 title="Google-Translate-Portuguese to Italian"><img
 alt="Google-Translate-Portuguese to Italian"
 style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
 src="http://lh3.ggpht.com/_mcq01yDJ2uY/Sdke2xCmrPI/AAAAAAAAAj0/Jv14yyDo1i4/Italy.png"
 title="Google-Translate-Portuguese to Italian"><!--– END Portuguese to Italian –--><!--– Add Portuguese to Japanese BETA –--></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;"
 title="Google-Translate-Portuguese to Japanese BETA"><img
 style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
 alt="Google-Translate-Portuguese to Japanese"
 src="http://lh5.ggpht.com/_mcq01yDJ2uY/Sdke3f2KbNI/AAAAAAAAAj8/xyGLFdUZbVY/Japan.png"
 title="Google-Translate-Portuguese to Japanese"></a><!--– END Portuguese to Japanese BETA –--><!--– Add Portuguese to English –--><a
 target="_blank" rel="nofollow"
 onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cen&en=pt&en=UTF8'); return false;"
 title="Google-Translate-Portuguese to English "><img
 style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
 alt="Google-Translate-Portuguese to English"
 src="http://lh4.ggpht.com/_mcq01yDJ2uY/SdkhG4bjxqI/AAAAAAAAAks/Ws6AzZdnZTw/United%20States%20of%20America%20%28USA%29.png"
 title="Google-Translate-Portuguese to English"><!--– END Portuguese to English –--><!--– Add Portuguese to Russian BETA –--></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;"
 title="Google-Translate-Portuguese to Russian BETA "><img
 style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
 alt="Google-Translate-Portuguese to Russian"
 src="http://lh5.ggpht.com/_mcq01yDJ2uY/SdkfGVESWsI/AAAAAAAAAkk/-ruu99vFElQ/Russian%20Federation.png"
 title="Google-Translate-Portuguese to Russian"><!--– END Portuguese to Russian BETA –--><!--– Add Portuguese to Spanish –--></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;"
 title="Google-Translate-Portuguese to Spanish "><img
 style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
 alt="Google-Translate-Portuguese to Spanish"
 src="http://lh3.ggpht.com/_mcq01yDJ2uY/Sdke312ethI/AAAAAAAAAkM/KeACgltRc38/Spain.png"
 title="Google-Translate-Portuguese to Spanish"><!--– END Portuguese to Spanish –-->
<center><a href=http://www.dicasblogger.com.br/2009/04/translator-widget-tradutor-para-blogs.html
 target="_blank"><small>Translator Widget by Dicas Blogger</small></a></center>

Após colar isso no seu gadget é só salvar e verá que estará funcionando, qualquer duvida só comentar. 
Boa noite.

Tags: tutorialAuthor: Camila Homs

Lorem ipsum dolor sit amet, cotur acing elit. Ut euis eget dolor sit amet congue. Ut vira codo matis. Sed lacia luctus magna ut sodales lorem.

You Might Also Like

3 comentários:

  1. Giulia A.30 de janeiro de 2013 às 01:07

    Muito bom o tutorial! Será que você pode me passar o link desse background de icons da 1D que você usa no cabeçalho>

    ResponderExcluir
  2. MillerHoran's17 de março de 2013 às 06:33

    adorei Cami no meu blog deu certinhu >...<

    ResponderExcluir
  3. Anônimo7 de abril de 2013 às 21:09

    muito bom

    ResponderExcluir

Assinar: Postar comentários (Atom)