Personalizar Gadget do Google Tradutor - Especial Rilakkuma

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 bai