Personalizar Gadget Tradutor do Google


Oie...estive dando uma olhada nos códigos do Blogger e encontrei uma forma de personalizar o gadget de tradução do Google, então vou dividir o meu com vocês. A fonte que usei é a Delius, que você pode adicionar em seu modelo (veja o tutorial).
Vai ficar assim:
Para isso, acesse Layout - Adicionar Gadget - escolha o Google Tradutor e deixe marcada a opção de estilo Vertical; isso porque para cada estilo a gente pode aplicar uma personalização, sendo que vamos usar um CSS para o gadget vertical.

Agora acesse Modelo - Editar HTML - cole o código antes de </b:skin>:
.Translate .goog-te-gadget {/*texto com creditos ao google*/
margin: 4px 70px;/*posicionar*/
font-family: 'Delius Swash Caps', cursive;/*tipo de fonte*/
font-size: 12px;/*tamanho da fonte*/
color: #09BCCC;/*cor do texto*/
white-space: nowrap;
}
.Translate .goog-te-gadget a:link.goog-logo-link {/*personaliza o link*/
font-size: 12px;/*tamanho do texto*/
font-weight: bold;/*negrito*/
color: #D46D6D;/*cor do texto*/
text-decoration: none;
}
.goog-te-gadget .goog-te-combo {
margin: 4px 10px;/*posiciona a caixinha de selecione o idioma*/
}
.goog-te-gadget .goog-te-combo {/*personaliza o texto selecione o idioma*/
color: #fff;/*cor do texto*/
font-family: 'Delius Swash Caps', cursive;/*tipo da fonte*/
font-size: 14px;/*tamanho do texto*/
text-align: center;/*alinhamento*/
background: #C0F6F6;/*cor do plano de fundo*/
border-radius: 10%;/*borda arredondada*/
border: none;/*sem borda*/
text-shadow: 1px 2px 3px #a1a1a1;/*sombra do texto*/
padding: 1px;
} 

Visualize, faça suas alterações e salve. As explicações do que alterar estão no código, infelizmente não consegui mudar a cor da seta para combinar, quem sabe um dia descubro como, mas quem souber e quiser compartilhar, fique a vontade. Espero que gostem :3






Postar um comentário

11 Comentários

  1. lindinho essa personalização *0*,consegui colocar o fundo em forma de caderno,graças ao blog http://blogcherrycute.blogspot.com.br/,também a sua ajuda me ajudou muito,poderia postar um tuto de como colocar os leitores do blog??

    ResponderExcluir
    Respostas
    1. Que bom que conseguiu; como te disse no outro comentário, para colocar os seguidores é só ir em layout - adicionar gadget - clicar em Mais Gadgets e em Seguidores, que é o primeiro da lista; é bem simples.

      Excluir
    2. caracólis é muito simples,obrigada Roberta *0*,em outros tutoriais eles falavam que tinham que baixar uns códigos malucos e ir no htlm,mais é simples demais,muito,muito obrigada.

      Excluir
  2. Robert não consigo fazer, eu too utilizando o modelo minima pois eu acho melhor, não acho , oque eu faço?

    ResponderExcluir
    Respostas
    1. Eu não testei no minima, mas acho que é igual...só adicionar o gadget tradutor conforme a imagem e colar o código do post antes de /b:skin.

      Excluir
    2. Yea! :3
      Olá tudo bem? Hevellyn e Roberta ^.^
      Roberta eu adoro o seu blog já me ajudou taanto!
      Tantos Tutoriais Kawaii's *-*

      Hevellyn, meu modelo é o Celestial e também não foi, quando coloquei,
      então tentei pelo CSS e não foi tb, daí eu tive a brilhante ideia de colocar abaixo do
      /* Widgets , e funcionou ^.^
      Tenta colocar e ver se funciona com o seu também!
      Espero ter ajudado! :)

      Bye ;*
      ------------------------------------------|
      Blog: |
      Yea! Visual Novels Desu! |
      yeavnsdesu.blogspot.com.br |
      ------------------------------------------|

      Excluir
  3. Roberta, parabéns pelo seu blog é muito lindo.
    Gostaria de saber como você fez para deixar este menu suspenso na parte superior do blog.
    Também gostaria de lhe pedir para explicar como colocar cor de fundo no link de Postagens mais recentes, página inicial e postagem mais antigas.

    Muito obrigada!!!

    ResponderExcluir
    Respostas
    1. Aquele menu já veio instalado no template que eu usei anteriormente, mas tem jeito de fazer um assim:Menu fixo com Caixa de pesquisa.
      Para personalizar a área de navegação postagens mais recentes, antigas e home: Personalizar links de navegação

      Excluir
  4. Podem me dizer aonde fica o layout?

    ResponderExcluir
    Respostas
    1. Fica na parte esquerda da tela do Blogger, na lista de menus onde tem postagens, comentários, layout, tema, configurações...

      Excluir

Muito obrigada por seu comentário e por sua presença! Ambos são super importantes para mim.

Apenas peço que:
- Comente a vontade, dê sua opinião, faça críticas, esclareça suas dúvidas e dê suas sugestões sobre o assunto referente às postagens;
- Use um vocabulário livre para todas as idades;
- Não ofenda ninguém em hipótese alguma.

Os comentários são moderados e não são permitidos comentários de pessoas que não se identifiquem. Algumas dúvidas podem ser previamente esclarecidas na F.A.Q, assim como créditos e outras coisas.

Por favor, entrem em contato por meio das redes sociais também para dúvidas, sugestões, pedidos ou outros:
Facebook - Twitter - Deviantart

up