[TUTORIAL] Adicionar um gadget tradutor no blog

Insira um tradutor prático e fácil em seu blog, e sem prescisar modificar a estrutura do código em CCS do blog. Vamos aplicar esta funcionabilidade diretamente em um gadget customizado.

--> Tutoriais especiais <--
Adicionar um gadget tradutor no blog

1º - Administração dos gadgets:
Em todos os mododúlos, para editar o layout/página principal do blogger é necessário algum tipo de criatividade. Se você sober mecher com HTML, Script isso se facilitará. Claro que isso não será ensinado e sim como administrá-los. Aceda em:
Painel de controle ->> Design ->> Elementos da página ->>

Cabeçalho - Modifique o título da página. Em um exemplo, o nome da página for "Support Blog", alterando o títítulo ele passará a ser outro "Support Bloggers".

Gadgets/Widgets - Eles são denominados de Widgets ou Gadgets superiores, por serem apenas um caixa onde você pode colocar informações. Por tanto, esse gadget é personalizavel.

Postagens do blog - Permite você configurar como suas mensagens seram postadas, o modo, formato de data, quais links etc.

Gadgets laterais - Esses são os mesmos gadgets citados acima, porém três deles já estão personalizados pelo serviço e um deles está como padrão, possível assim ser modificado pelo administrador se desejar.

Coluna dos gadgets - Essa coluna é referênte aos mesmos gadgets citados acima, e são todos personalizáveis.

Atribuição/Attribuion - Seria o "copyright" do seu blog, ou seja como aqui neste fórum de suporte. © 2010 - 2011 Fórum dos Bloggers - Todos os direitos reservados

Ferramentas - Ferramentas que permitirá salvar, visualizar ou desfazer as edições feitas nos gadgets.

2º - Adicionar um Gadget:
Este código é na verdade um Script/HTML, por tanto não será necessário adicioná-lo a estrutura dos códigos do blog, ou seja, "Editar HTML".

Painel de controle ->> Design ->> Elementos da página ->> Adicionar um Gadget ->>



Dentro do campo "Conteúdo" será onde vamos adicionar o seguinte código:

Spoiler:

Código:

<div style="padding:2px 0 2px 0;text-align:center;background-color:#ffffff;">
<!--–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: 20px; height: 20px;"
 alt="Google-Translate-Chinese"
 src="http://lh3.ggpht.com/_oqrzFCWGmxk/S4FLmnTj95I/AAAAAAAABpI/evPcOVZTyg8/China.png"
 title="Google-Translate-Chinese"><!--– END Portuguese to Chinese (Simplified) BETA–--><!--– Add Portuguese to French –--><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: 20px; height: 20px;"
 alt="Google-Translate-Portuguese to French"
 src="http://lh4.ggpht.com/_oqrzFCWGmxk/S4FLmqWEOPI/AAAAAAAABpM/Zv4a0ll84M0/France.png"
 title="Google-Translate-Portuguese to French"><!--– END Portuguese to French –--><!--– Add Portuguese to German –--><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: 20px; height: 20px;"
 alt="Google-Translate-Portuguese to German"
 src="http://lh5.ggpht.com/_oqrzFCWGmxk/S4FLm5Rs8jI/AAAAAAAABpQ/_3E4DMXS9Xw/Germany.png"
 title="Google-Translate-Portuguese to German"><!--– END Portuguese to German –--><!--– Add Portuguese to Italian –--><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: 20px; height: 20px;"
 src="http://lh5.ggpht.com/_oqrzFCWGmxk/S4FLm2HMT1I/AAAAAAAABpU/yFa32flUoHs/Italy.png"
 title="Google-Translate-Portuguese to Italian"><!--– END Portuguese to Italian –--><!--– Add Portuguese to Japanese BETA –--><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: 20px; height: 20px;"
 alt="Google-Translate-Portuguese to Japanese"
 src="http://lh4.ggpht.com/_oqrzFCWGmxk/S4FLnLBCe0I/AAAAAAAABpY/3k2w9hhiJRw/Japan.png"
 title="Google-Translate-Portuguese to Japanese"><!--– 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: 20px; height: 20px;"
 alt="Google-Translate-Portuguese to English"
 src="http://lh4.ggpht.com/_oqrzFCWGmxk/S4FL5MJ2xKI/AAAAAAAABpk/shE9Qf5uc28/United%20States%20of%20America%20%28USA%29.png
 title="google-translate-portuguese to english"><!--– END Portuguese to English –--><!--– Add Portuguese to Russian BETA –--><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: 20px; height: 20px;"
 alt="Google-Translate-Portuguese to Russian"
 src="http://lh4.ggpht.com/_oqrzFCWGmxk/S4FL41ubrjI/AAAAAAAABpc/CeBHVO4a0jM/Russian%20Federation.png"
 title="Google-Translate-Portuguese to Russian"><!--– END Portuguese to Russian BETA –--><!--– Add Portuguese to Spanish –--><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: 20px; height: 20px;"
 alt="Google-Translate-Portuguese to Spanish"
 src="http://lh3.ggpht.com/_oqrzFCWGmxk/S4FL5CEdSKI/AAAAAAAABpg/yURcuaGPyVM/Spain.png"
 title="Google-Translate-Portuguese to Spanish"></img
></a
></img
></a
></img
></a
></img
></a
></img
></a
></img
></a
></img
></a
></img
></a
></div></div><!--– END Portuguese to Spanish –-->

Clique em Salvar e verifique o resultado na página inicial onde adicionou o GadGet.

Resultado;

--> Tutoriais especiais <--
Adicionar um gadget tradutor no blog

---

© Fórum dos Bloggers

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Adicionar um gadget tradutor no blog