Adicione uma pequena caixinha de rede sociais em seu blgo/site que surge quando você rola a página para baixo.
Demonstração
Clique aqui para ver com funciona.
Instalação
- Copie este código
<script type="text/javascript" src="https://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://1.bp.blogspot.com/-FXL0E6RnH08/UQminUAsaGI/AAAAAAAAAN8/j4gToU0zdFo/s1600/Facebook.png" height="72" /></a> <a href="LINK-DO-TWITTER" target="_blank"><img src="https://3.bp.blogspot.com/-pxKhNAQi0EQ/UQmin2KcESI/AAAAAAAAAOI/GzwWqcLfoQI/s1600/Twitter.png" height="72" /></a> <a href="LINK-DO-GOOGLEPLUS" target="_blank"><img src="https://4.bp.blogspot.com/-Kwl0hnNDjws/UQmioQGP4_I/AAAAAAAAAOU/DExWUDguX_0/s1600/Google%2BPlus.png" height="72" /></a> <a href="LINK-DO-LINKEDIN" target="_blank"><img src="https://2.bp.blogspot.com/-Amr9foLL3Z0/UQmkRUPpCbI/AAAAAAAAAOg/wMNUe5Ey1uw/s1600/LinkedIn.png" height="72" /></a> <div class="getmore"> <a href="https://maiochristopher.webnode.com.br/products/mini-popup-rede-sociais/" target="_blank">Instale este gadget</a> </div> </div> <div class='clear'></div>
- Substitua os textos destacados de preto para o Link do perfil da respectiva rede social.
- Para adicionar no Webnode, vá em seu editor, arraste a opção "Mais" para algum lugar disponivel, cole e publique.
