Pop-up com rede sociais no rodapé do blog

Ohayoooo bunnie's? Hoje venho trazer um Widget pop-up com rede sociais no rodapé do blog, uffa nome longo... é isso ai. Quando o leitor rolar a pagina um pouco abaixo, ele vai aparecer no canto do blog, no intuito da pessoa seguir o blog nas redes sociais. Nessa postagem é possível ver o resultado rolando um pouco abaixo. Ele é muito fácil de aplicar; pode editar os ícones e cores do pop-up;

Para adicionar o Widget, vá em Layout, abra um novo Gadget Java/Script  e dentro cole:

Códigos

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#mbsocial").show("slow");else $("#mbsocial").hide("slow");});function closeMBsocial(){$('#mbsocial').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script>
<style> #mbsocial{background:#f3f3f3;border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px;-moz-box-shadow:inset 0 0 3px #333;-webkit-box-shadow:inset 0 0 3px #333;box-shadow:inner 0 0 3px #333;padding:12px 14px 12px 14px;width:300px;position:fixed;bottom:13px;right:2px;display:none;z-index:3;height:100px;} .getmore a{display: inline-block;font-weight: normal;text-decoration: none;font-size:9px;color:#333!important; float:right;} .getmore a:visited{ color:#ddd;}</style>   <div style="display: none;" id="mbsocial"> <a style="position:absolute;top:14px;right:10px;color:#555;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closeMBsocial();">(X)</a> <span style="font-family: Verdana; font-size: 15px; margin: 10px 0; text-shadow: 1px 1px 0 #FFFFFF;font-weight:bold;color:#555;">Acompanhe-nos nas redes sociais!</span><br />
 <a href="LINK-PAGINA-FACEBOOK" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFJ5quVzvT0ZGZelXY5mDBjQusWaCU3hCRQ490VbDfoOlIqDWoxbyD4TqVlUoqY_DFja7Rqh-_oUDgHj6XS5jB2cEV1St-kaDSvHJ2xdRcPLRYS9f2MwerHH5pBxysmjzoWWXJJXiRIaTB/s1600/Facebook.png" height="72" /></a>
<a href="LINK-DO-TWITTER" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5UROGX91zJHyaLU5RXunFpSLYBcN2UO7kalvnK-8x901sryst2WpeKb0rRAehZOf7BXZqfAkR9hzLgUjNatyGjq3IMjajOSiwtZLybeazZRuJAU-0BCE2bvqwB34Io94iEOAksustDl3s/s1600/Twitter.png" height="72" /></a>
<a href="LINK-DO-GOOGLEPLUS" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXGL7zP0j7AigvAxq_KJ8ng2osVeJDWyEOo3JUK8DZAZD2t3ml9QsOuI1sT4-S7GTHkMYXbgw8rugLKvAxziHMttmoPY_wkm4XxAOiLCo9xU_zhnow4w2y1e4EFjnbORIkk7CGlwxkxMxH/s1600/Google+Plus.png" height="72" /></a>
<a href="LINK-DO-LINKEDIN" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC9C3RwvZDW1mjxF-HbH0M8BrzQNkJ68c69q9ylNSDi77wgEYigAiaJuQXOzxZZMjcr5k_46gE8ZyUQFG9Uv6zhu18nNU3PL7eIAZ4ICgt0w9FI9MPxiB1aNsQKZ669vcuRkwf2Lc7OX1h/s1600/LinkedIn.png" height="72" /></a> <div class="getmore"> <a href="http://www.mundoblogger.com.br/2013/01/widget-mini-popup-slide-com-redes-sociais-no-rodape-do-blog.html" target="_blank">Instale este gadget</a> </div> </div>
 <div class='clear'></div>

Salve e veja o resultado. =) Viu super fácil!

(X) Acompanhe-nos nas redes sociais!

Instale este gadget