publicidade
publicidade
publicidade
publicidade
publicidade
publicidade
publicidade

Adicionar Icones de Redes Sociais com a:houver

Postado Por: Well
E ai Galera beleza? vou ensinar a adicionar icones de redes sociais em seu Blog com efeito a:houver


Primei adicione esse código na Css do seu Blog


 (Acima de ]]></b:skin>)



/* social icons */
li { float:left; padding:2px; }
.socialicons { position:absolute; top:-34px; right:0; width:204px; }
.socialicons a, .socialicons a:active { background:none; margin:0; padding:0; text-decoration:none; display:inline-block; opacity: 0.5; filter: alpha(opacity = 50); }
.socialicons a:hover { opacity: 1.00; filter: alpha(opacity = 100); }


Depois é só inserir esse código como HTML/Javascript no blogger.





<!-- begin social icons -->
<ul class='socialicons'>
<li><a href='#' id='subscribe'><img alt='subscribe' height='28' src='http://www.juaobcreate.xpg.com.br/JuaOoOo_001/subscribe.png' width='30'/></a></li>


<li><a href='#SEU FACEBOOK'><img alt='facebook' height='28' src='http://www.juaobcreate.xpg.com.br/JuaOoOo_001/facebook.png' width='30'/></a></li>


<li><a href='#SEU LINKED'><img alt='in' height='28' src='http://www.juaobcreate.xpg.com.br/JuaOoOo_001/in.png' width='30'/></a></li>
<li><a href='#SEU TWITTER'><img alt='twitter' height='28' src='http://www.juaobcreate.xpg.com.br/JuaOoOo_001/twitter.png' width='30'/></a></li>




<li><a href='#SEU DELICIOUS'><img alt='delicious' height='28' src='http://www.juaobcreate.xpg.com.br/JuaOoOo_001/delicious.png' width='30'/></a></li>
<li><a href='#SEU DIGG'><img alt='digg' height='28' src='http://www.juaobcreate.xpg.com.br/JuaOoOo_001/digg.png' width='30'/></a></li>


     </ul><!-- end social icons -->





Dúvidas Comente



Creditos Bcreate Tutoriais
Deixe Seu Comentário:
Sem Comentários »
Categorias:

0 comentários:

Postar um comentário