Box de traduror c/ redes socias 2

Mais uma partilha Best-Tuga este é um outro modelo foi personalizada ontem mas só hoje a vim postar ,pode ver na imagem de exemplo acima que mudou as cores e gradiente e tambem mudou o formato dos icones.Mas pode visualizar online :  entre aqui...
Espero que que tenha gostado ,vamos colocar o gadget no seu blog .
Entre no seu painel e depois clik em esquema adicione um gadget html/javascript e cole este código:

<div style="border:1px solid #ff8f85;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
padding:5px 0px 0px 0px;text-align:center;background: rgba(200,237,240,1);
background: -moz-linear-gradient(top, rgba(200,237,240,1) 0%, rgba(200,237,240,1) 5%, rgba(251,166,225,1) 42%, rgba(138,244,252,1) 62%, rgba(255,124,216,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(200,237,240,1)), color-stop(5%, rgba(200,237,240,1)), color-stop(42%, rgba(251,166,225,1)), color-stop(62%, rgba(138,244,252,1)), color-stop(100%, rgba(255,124,216,1)));
background: -webkit-linear-gradient(top, rgba(200,237,240,1) 0%, rgba(200,237,240,1) 5%, rgba(251,166,225,1) 42%, rgba(138,244,252,1) 62%, rgba(255,124,216,1) 100%);
background: -o-linear-gradient(top, rgba(200,237,240,1) 0%, rgba(200,237,240,1) 5%, rgba(251,166,225,1) 42%, rgba(138,244,252,1) 62%, rgba(255,124,216,1) 100%);
background: -ms-linear-gradient(top, rgba(200,237,240,1) 0%, rgba(200,237,240,1) 5%, rgba(251,166,225,1) 42%, rgba(138,244,252,1) 62%, rgba(255,124,216,1) 100%);
background: linear-gradient(to bottom, rgba(200,237,240,1) 0%, rgba(200,237,240,1) 5%, rgba(251,166,225,1) 42%, rgba(138,244,252,1) 62%, rgba(255,124,216,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8edf0', endColorstr='#ff7cd8', GradientType=0 );
width:300px;height:auto;">
<div align="center">
<div id="google_translate_element">
<script> function googleTranslateElementInit() {   new google.translate.TranslateElement({     pageLanguage: 'pt',     layout: google.translate.TranslateElement.InlineLayout.SIMPLE   }, 'google_translate_element'); } </script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"> </script>
  </div>  
<a class="social-icons" href="https://facebook.com/s nome aqui"><img src="http://i.imgur.com/bfYPaHB.png?1" /></a>
<a class="social-icons" href="https://twitter.com/s nome aqui"><img src="http://i.imgur.com/cDX8TEX.png?1" /></a>
<a class="social-icons" href="http://www.digg.com/seu nome aqui"><img src="http://i.imgur.com/XQDJnsf.png?1" /></a>
<br>
</div> </div> 

E agora salve e veja como ficou.
Nota: procure este código e coloque a sua medida da sidebar:   width:300px;

Créditos ao site onde peguei os icones:  iconfinder 
Pronto e aqui tem outro modelo ,duvidas disponha sempre, até mais...

Box de traduror c/ redes socias 2

► 0

► vários

► Cartita