Personalizar Gadget do Google Tradutor - Especial Rilakkuma

maio 20, 2015


Yea! Konnichiwa people! Acharam que eu iria sumir né? Ontem não postei mas hoje vim com uma linda novidade! *-* . Eu tava pensando em personalizar o translate aqui do blog, testei váarias maneiras, e no final das contas acabei inventando um translate do Rilakkuma, sei que muita gente aqui da blogosfera adora esse fofo. 
Então espero que vocês gostem, do fundo do meu  <3

 Let's Go? 

Nesse tutorial, o Gadget ficará assim. 
Para melhor visualização, clique na imagem.





Primeiramente faça um backup do seu template, 
porque se não der certo terá como voltar ao seu anterior!

Caso ainda não tenha a Gadget, vá em Layout - Adicionar Gadget, então adicione o Google Tradutor clicando no + e deixe na opção vertical, pronto!
Agora pegue seus docinhos, biscoitinhos e let's go a personalização! o/ 




Vá em Modelo - Editar HTML como sempre néh >u<
Procure </b:skin> e antes dele cole o seguinte código:

  .Translate .goog-te-gadget {/*texto com creditos ao google*/

margin: 20px 37px;/*posicionar*/
font-size: 12px;/*tamanho da fonte*/
font-family: 'Delius Swash Caps', cursive;/*tipo de fonte*/
color: #c1905f;/*cor do texto*/
 
 .Translate .goog-te-gadget a:link.goog-logo-link {/*personaliza o link*/
white-space: nowrap;
}
font-size: 12px;/*tamanho do texto*/
font-weight: bold;/*negrito*/
margin: 4px 10px;/*posiciona a caixinha de selecione o idioma*/
color: #D46D6D;/*cor do texto*/
text-decoration: none;
}
.goog-te-gadget .goog-te-combo {
}
font-family: 'Delius Swash Caps', cursive;/*tipo da fonte*/
.goog-te-gadget .goog-te-combo {/*personaliza o texto selecione o idioma*/
color: #fff;/*cor do texto*/
font-size: 14px;/*tamanho do texto*/
padding: 1px;
text-align: center;/*alinhamento*/
background: #c1905f;/*cor do plano de fundo*/
border: none;/*sem borda*/
text-shadow: 1px 2px 3px #a1a1a1;/*sombra do texto*/
}

e pronto ele já ficará assim:



                                                     


Agora vamos colocar esse fofinho, Rilakkuma! 



Procure por  <div id='google_translate_element'/> , e antes dele cole:

<img align='left' height='45px' src='http://i61.tinypic.com/2lay1ao.png' width='60px'/>

Visualize se tiver certinho como na imagem, salve. Caso esteja torto ou algo do tipo, mude o tamanho da imagem no codigo acima, ou mude a posição da barrinha translate no primeiro código. Para que não tenha dúvidas, eles estão destacados de preto, okay? ^.^
Espero que tenham gostado!' 

Até a próxima!  バイバイ !bai ba

Leia também:

6 comentários

  1. Olá cliente Júuh Enoshima. Eu estou muito feliz por te informar que sua taxa de R$ 8,00 foi completa. Por favor, caso queira compre outro pacote. Bem mas o preço subirá....KKKKKK estou brincando mas deu na minha mente. Bem eu estou fazendo meu novo layout então eu irei usa-lo. Como conseguiu colocar esse google tradutor com imagem? Bem eu queria fazer um igual. Mas só se deixar pra não ficar muito "plagio" O Rilakkuma é muito divo e carinhoso <3 Bjos.

    ResponderExcluir
    Respostas
    1. Huahsa' bebeu quantas hoje Isa? :P brincadeira >3< . Haha Foi invenção minha mesmo *-* , passei o dia no meu blog de teste, tentando uma maneira de criar uma personalização diferente pro tradutor, e no final consegui!! Lindo né? *-* . Pode fazer Isa,mas me de os créditos,ok? ^.^

      Té a proxima!
      baibai ;**

      Excluir
  2. Ownt,muito e fofo,vou tentar fazer depois ><
    Meu Blog The World by Koizumi Visite *o*

    ResponderExcluir
    Respostas
    1. Né *-* Faz sim, da pra fazer com qualquer imagem ^.^
      Visitei, ameei seus makes, gostaria de ter esse dom ~.~ kk'

      Excluir
  3. Oi! tudo bem? que blog mais lindo esse seu,o translate do rilakkuma ficou uma fofura,vou colocar lá no meu blog,ele vai super combinar com o layout...adorei,mas não se preocupe pois vou dar os créditos ok.
    Beijos
    http://princes-kawaii.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Yo! Obrigada, eu mudei faz pouco tempo hehe
      Obrigada por visitar tb *-* . Eu sabia que você ia gostar! ^^ . Tudo bem, usa sim , vou ficar muito feliz de ver nesse seu lay do Rilakkuma *-*

      baibai volte smp! ;**

      Excluir

© 2017 Sweet Magic. Re-Design By: Juciane Damasceno. Tecnologia do Blogger.
Eu Sou do CBBlogers