.

segunda-feira

Textual description of firstImageUrl

Redes Sociais Com Efeito JQuery

ACESSOS:
Deixe seu comentário


Nesta postagem compartilho com vocês ícones para redes sociais com efeito jquery para deixar seu blog muito mais da ora!!!




Para colocar no blogger... Entre em "Modelo" - "Editar HTML", dê um Ctrl + F e procure pela tag
]]></b:skin>
Tendo encontrada a tag, cole ACIMA dela o seguinte código
.abt-social-slide ul li{list-style:none;border-bottom:none;padding:0}
.abt-social-slide li a{width:59px;height:59px;float:left;text-indent:-99999px;border:solid 1px #222121;border-radius:5px;-webkit-transition:All .3s ease-out;-moz-transition:All .3s ease-out;-o-transition:All .3s ease-out;margin:5px 5px 10px;padding:0}
.abt-social-slide li a.facebook{background:url(http://4.bp.blogspot.com/-njqMpTvxYbs/UFM2yXm-AnI/AAAAAAAAEFU/yfm_dKxQ2hs/s1600/facebook.png) no-repeat 0 -88px}
.abt-social-slide li a.facebook:hover{background:url(http://4.bp.blogspot.com/-njqMpTvxYbs/UFM2yXm-AnI/AAAAAAAAEFU/yfm_dKxQ2hs/s1600/facebook.png) no-repeat 0 0}
.abt-social-slide li a.twitter{background:url(http://2.bp.blogspot.com/-BtalCDk0UGg/UFM206t5yfI/AAAAAAAAEFk/1cwjqImigQo/s1600/twitter-1.png) no-repeat 0 -88px}
.abt-social-slide li a.twitter:hover{background:url(http://2.bp.blogspot.com/-BtalCDk0UGg/UFM206t5yfI/AAAAAAAAEFk/1cwjqImigQo/s1600/twitter-1.png) no-repeat 0 0}
.abt-social-slide li a.google-p{background:url(http://1.bp.blogspot.com/-qITbsA3n7_w/UFM2z36eMnI/AAAAAAAAEFc/PK9Cmf7JZd4/s1600/google.png) no-repeat 0 -88px}
.abt-social-slide li a.google-p:hover{background:url(http://1.bp.blogspot.com/-qITbsA3n7_w/UFM2z36eMnI/AAAAAAAAEFc/PK9Cmf7JZd4/s1600/google.png) no-repeat 0 0}
.abt-social-slide li a.rss{background:url(http://1.bp.blogspot.com/-xmXWc6_8mxw/UFM21nVC47I/AAAAAAAAEFs/Ydce5M-vkvw/s1600/twitter.png) no-repeat 0 -88px}
.abt-social-slide li a.rss:hover{background:url(http://1.bp.blogspot.com/-xmXWc6_8mxw/UFM21nVC47I/AAAAAAAAEFs/Ydce5M-vkvw/s1600/twitter.png) no-repeat 0 0}
Tendo colado o código, salve e feche por que esta parte já está finalizada.

Agora, entre em "Layout" - "Adicionar um Gadget" e cole o seguinte código

<div class="abt-social-slide">
<ul>
<li><a class="facebook" href="https://www.facebook.com/dicashot" target="_blank">Facebook</a></li>
<li><a class="twitter" href="Seu twitter" target="_blank">Twitter</a></li>
<li><a class="google-p" href="sua URL do google plus" target="_blank">Google plus</a></li>
<li><a class="rss" href="http://feedburner.google.com/fb/a/mailverify?uri=dicashot" target="_blank">Rss</a></li>
</ul></div>                                                                                                                                            Widget by <a href="http://dicashot.blogspot.com.br/2013/11/redes-sociais-com-efeito-jquery_25.html">Dicashot</a>
Faça as modificações nas parte destacadas de azul no código.

Tendo feito isto no código, basta salvar e pronto!!!

Cursos Online com Certificado - Cursos 24 Horas
Valeu por Sua Visita, volte sempre!!!


 
.