Como colocar redes sociais no blogger

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:

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGy4KqErK65QM2R0Xyi-sxoX5Xkg0QqMxtyJ9uJQk3F8rii45CBPVmuNgdyfTS9gNQfP5CcxFXmx8kAyxvTB_oAwN8PyVxKp5OlTZBOR2SaTxroTIXqBhbaZ91EAJJ_Yn-OOGq7JuRpZec/s1600/Facebook.png" height="72" /></a>
<a href="LINK-DO-TWITTER" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIN4kQfElNt3icKurbGr4Iu8XZwHa7FNlWsiz8MXvmIQjOn_xtsqzsMb2r8RFLs7DHeqxg60s-Q9T_O10vb4OzmB99LLr6D4A6Esg7GBtHWZsTU_tKy9QrVX2S6BDIVuCDILupeADGpnsX/s1600/Twitter.png" height="72" /></a>
<a href="LINK-DO-GOOGLEPLUS" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjswvCiYU55Xco7OUC8laJ_zt5Wx918JN9UkWDWVesqyn1I60Ym28G2Y4jvlMgKF0TE8MH6z9Dmj2AlW_UOiGCvq7S5KTmRt9bieF2F7GBFfdVyagefjrsmpRzCKiJoqMED02AifLM7v_6u/s1600/Google+Plus.png" height="72" /></a>
<a href="LINK-DO-LINKEDIN" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR32JUdZSuOar1DL0H8fv1D95AYZa2w_mUBUMoLVRFnnGxqvr-YAfqptDD9nBEZzH3oMYPgP_96ei5ENh1b_lC1t7k-oZ8pGzLXPfygrSZrUxIdP66F4SZ6O6rLfoqmqwCqxLoHYFsDtV2/s1600/LinkedIn.png" height="72" /></a> <div class="getmore"> <a href="http://www.digitalpapiro.com.br/2013/04/como-colocar-redes-sociais-no-rodape-no.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.

____________________________________________________________________________

Sobre o autor: jhonatas é o fundador deste blog. Nascido em 1991, é trabalha como serviços gerais. e, nas horas vagas, si esforça como blogueiro.                           

                            Twitter l youtube l Facebook l

___________________________________________________________________