1 Como instalar widget mini popup slide com redes sociais no blog - *magazine luiza* >

Como instalar widget mini popup slide com redes sociais no blog

Como instalar widget mini popup slide com redes sociais no blog
Widget mini popup slide com redes sociais. Já sabemos que as redes sociais possuem um grande poder e ajuda muito a aumentar o seu tráfego.
Hoje veremos como adicionar uma pequena popup no rodapé do blog com ícones para as redes sociais que seu blog participa.
Esse widget irá ajudar os seus visitantes a permanecer conectado com você e seu blog.


A instalação é bem simples. Vejamos a seguir:

COMO INSTALAR WIDGET MINI POPUP SLIDE COM REDES SOCIAIS

Acesse o painel do blogger e vá ao menu “layout”, clique em “adicionar um gadget”, escolha o modo HTML/javascript e cole o seguinte código:

<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="http://1.bp.blogspot.com/-FXL0E6RnH08/UQminUAsaGI/AAAAAAAAAN8/j4gToU0zdFo/s1600/Facebook.png" height="72" /></a> 
<a href="LINK-DO-TWITTER" target="_blank"><img src="http://3.bp.blogspot.com/-pxKhNAQi0EQ/UQmin2KcESI/AAAAAAAAAOI/GzwWqcLfoQI/s1600/Twitter.png" height="72" /></a>
<a href="LINK-DO-GOOGLEPLUS" target="_blank"><img src="http://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="http://2.bp.blogspot.com/-Amr9foLL3Z0/UQmkRUPpCbI/AAAAAAAAAOg/wMNUe5Ey1uw/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>


Não esqueça que você deve ALTERAR os trechos destacados, incluindo os links das suas redes sociais.
Recomendo que salve no seu pc, as imagens que utilizei neste widget, e hospede-as no seu blog, para evitar eventuais problemas de hospedagem e os ícones saírem do ar.

Após hospedar os ícones, basta substituir os endereços das imagens referentes a cada ícone.                                                                                                                                                                                                                                                                                                 compartilhe:
Comentários
0 Comentários

Nenhum comentário:

Postar um comentário

Olá! muito Obrigando por ler meu Blog e também por se dispor a comentar meus posts. seja muito bem-vindo (a)! Importante! Muito obrigando, fique a vontade para interagir. mais lembre-se: Gentileza, Educação e boas maneiras servem também para a vidas nos blog..................

Voltar ao topo