dicashot
Gata da vez
(+18)
DicasHot
HBO MOVIES ONLINE
TV
dicashot
Cartoon Network PT
TV
dicashot
ANI ROCHA NO FUNK
DANÇANDO MUITO



Redes Sociais Com Efeito JQuery


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
Redes Sociais Com Efeito JQuery Redes Sociais Com Efeito JQuery Reviewed by Muca on 11/25/2013 09:07:00 AM Rating: 5