Boa noite terminei de personalizar gadget de redes socias com opacidade ao passar o mouse ele fica mais nitido ,todos sabemos o útil que é ter botões de redes sociais no blog seja em sitio fôr.
Este é modelo 1 é simples mas legal numa outra partilha trago o modelo 2 que já é uma box com icones dentro.
Veja gadget online: Entre aqui...
Vamos colocar gadget entre no esquema do seu blog e adicione um gadget html/javascript e cole este código:
<style>Agora salve e veja como ficou.
#bt-social {
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>
<div id='bt-social'>
<div class='icons'>
<a href='http://facebook.com/s nome aqui' target='_blank'><img alt='Facebook' height='32' src='http://i.imgur.com/ZUVycxe.png' width='32'/></a>
<a href='http://twitter.com/s nome aqui' target='_blank'><img alt='Twitter' height='32' src='http://i.imgur.com/22wQnVW.png' width='32'/></a>
<a href='https://flicr.com/s nome aqui' target='_blank'><img alt='Flicr' height='32' src='http://i.imgur.com/2EqSoCN.png' width='32'/></a>
<a href='http://digg.com/s nome aqui' target='_blank'><img alt='Digg' height='32' src='http://i.imgur.com/8qrALYW.png' width='32'/></a>
<a href='http://youtube.com/s nome aqui' target='_blank'><img alt='YouTube' height='32' src='http://i.imgur.com/T4MOoKN.png' width='32'/></a>
<a href='http://stumbleupon.com/s nome aqui' target='_blank'><img alt='E-mail' height='32' src='http://i.imgur.com/VlkNGhn.png' width='32'/></a>
<a href='url seu blog/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/s nome aqui' target='_blank'><img alt='RSS' height='32' src='http://i.imgur.com/RYptbEn.png' width='32'/></a><br />
</div></div>
Nota: onde tem seu nome aqui vc coloca seu nome respectivo a cada rede social.
Terminou foi esta a partilha que trouxe alguma duvida disponha sempre até mais...
Mostra SmilesOculta Smiles