Box icones de redes socias 2

Aqui estou eu trazendo o segundo modelo como eu falei antes no outro post ,este gadget já está mais personalizado continua com hover nos icones ficam mais nitidos ao passar mouse.
Mas eu coloquei uma box como podem aqui ver no exemplo ,box com gradiente nas cores ,eu gostei do resultado mas eu sou suspeito para falar, kkkkk...
Da mesma forma que outro ele é aplicado ao blog ,dizendo que n tenho demonstração online porque retirei por engano e não vou colocar agora não depois coloco sim e mudo aqui a informação tambem.
Vamos lá entre no esquema do seu blog e adicione um gadget html/javascript e cole este código...

<style>
#bt-social {
    background:-webkit-gradient(linear, 100% 14%, 10% 21%, from(#ff0059), to(#ccff00));border:1px solid #ff8f85;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
    float: right;
    height: 35px;
    padding-top: 0px;
    margin-right:-6px ;
    text-align: center;
    width: 305px;
overflow:hidden;
}
.icons a img {
padding: 0px 1px 0px 1px;
opacity:.5;filter:alpha(opacity=50);
}
.icons a:hover img { opacity:1;filter:alpha(opacity=100);
}
</style>
<div>
<div id='bt-social'>
<div class='icons'>
<a href='http://facebook.com/nome aqui' target='_blank'><img alt='Facebook' height='32' src='http://i.imgur.com/ZUVycxe.png' width='32'/></a>
<a href='http://twitter.com/nome aqui' target='_blank'><img alt='Twitter' height='32' src='http://i.imgur.com/22wQnVW.png' width='32'/></a>
<a href='https://flicr.com/nome aqui' target='_blank'><img alt='Flicr' height='32' src='http://i.imgur.com/2EqSoCN.png' width='32'/></a>
<a href='http://digg.com/nome aqui' target='_blank'><img alt='Digg' height='32' src='http://i.imgur.com/8qrALYW.png' width='32'/></a>
<a href='http://youtube.com/nome aqui' target='_blank'><img alt='YouTube' height='32' src='http://i.imgur.com/T4MOoKN.png' width='32'/></a>
  <a href='http://stumbleupon.com/nome aqui' target='_blank'><img alt='E-mail' height='32' src='http://i.imgur.com/VlkNGhn.png' width='32'/></a>
<a href='url aqui/feeds/posts/default' target='_blank'><img alt='RSS' height='32' src='http://i.imgur.com/7uqkj1f.png' width='32'/></a>
<a href='http://tecnoraty.com/nome aqui' target='_blank'><img alt='RSS' height='32' src='http://i.imgur.com/RYptbEn.png' width='32'/></a>  <br />
</div> 

Salve e veja como ficou.
Nota: onde estiver escrito nome aqui...coloque seu nome respectivo a cada rede social.
Foi este o segundo modelo do gadget redes sociais espero goste duvidas disponha sempre até mais...

Box icones de redes socias 2

► 0

► box r sociais

► Cartita