Como colocar Widgets das Redes Sociais em seu Blog fácil

 Como colocar Widgets das Redes Sociais em seu Blog

Crie um mini popup que aparece no canto inferior direito da página à medida que vai descendo em poucos passos e divulgue suas redes sociais. 

Para colocar widgets das redes sociais em seu blog é muito simples, em poucos passos já estará tudo pronto, veja:

1- Acesse seu Blogger e no menu lateral clique em "Layout".

2- Clique em "Adicionar um gadget" e escolha por "HTML/Javascript".

3- Dentro do conteúdo do gadget cole o código do Widget que você escolheu.

4- Clique em "Salvar", posicione o gadget para o espaço desejado e clique em "Salvar Organização".

Ele aparecerá no seu blog assim:

 código para o Widget :

<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/AVvXsEjeYM2kkQqUDeEXoBsb88O0-v3-NbRs4JYN1VIUSVWK9R_HGF8qkTYuVHRFhed_dra_TegWfVqg_Sp5p7Jjv19MivNuIVyHI8MRvUnk8TvkNWCCq_LaKiQJLCXX7TIGl2TMVxRnHfwxsTdy/s1600/Facebook.png" height="72" /></a>
<a href="LINK-DO-TWITTER" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV61Ww5cugPHY5jqOvopGV0YfoWb9QpX2Q3c52fusJbiF8sEA-Pfc6Yd09mY7NCWNDOzH-OBz7lTmBi3guc-YltUQkJAjQ9Yt5S24h8gr4LTdJUg33qg-xoFKuwc3L2zMbCRn-8UdjSELm/s1600/Twitter.png" height="72" /></a>
<a href="LINK-DO-GOOGLEPLUS" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi139eUZ8CF77Esj2ArL7KmMkGPxvolOcvM7ZzgRbLVIWUaZ2xvZK0si9X1ayrhALUQ_dgynKrWUrBVznKSm6-Ac8-69c3nLFUlp7sIsTgDPobhOGM5qbU59P7hv50gapiqXWHXuMNGyLLi/s1600/Google+Plus.png" height="72" /></a>
<a href="LINK-DO-LINKEDIN" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTEnXczYDjlgwPuPrzIgRNOZMUg0B12n4lXH5skf4bmcgde5cHljvhNqn9GZorfuX3nxRo357snwaVsPcKNsDT1hXqGrVuBOUQDaYmYwDey2DzWg3XRLNwRhNhToD1ZhmPMb2sbaEqS0Y/s1600/LinkedIn.png" height="72" /></a> <div class="getmore"> </div> </div>
 <div class='clear'></div>

* Substitua LINK AQUI pelo link referente a rede social.

COMPARTILHAR:

Curtir

+1

Tweet

Tweet