MENU COM BOTÕES SOCIAIS FLUTUANTE NA LATERAL DO BLOGGER

MENU COM BOTÕES SOCIAIS FLUTUANTE NA LATERAL DO BLOGGER

. Elke di Barros | 4/18/2012 

Depois de muito procurar por este menu para compartilhar seu blog e postagens nas principais redes sociais como Twitter, Facebook e Google Plus, acabei encontrando o código certo e mais fácil de instalar no blog Internovinet. Esse é colocado no HTML/Javascript. Facinho demais.

  Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Essa dica é para o template Simple, do novo Blogger, implementado em julho de 2011

Vá até Layout

Clique em Adicionar um Gadget

Ao abrir, clique em  HTML/Javascript

Cole então o código abaixo e salve.
(se quiser que flutue a esquerda, troque o código que está em vermelho pela palavra left)

<!-- Começo código -->
<style type='text/css'>
.dvin{
     border-style:solid;
      border-width: 3px;
     border-color:#e3e3e3;
     padding-top:10px;
     padding-bottom:50px;
     padding-right:2px;
     padding-left:2px;
     border-radius: 6px;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
 }
  .plus {
     text-align: center;
     margin-top: 5px;
     margin-left: 1px;
 }
 .tweet {
      text-align: center;
      margin-top: 3px;
 }
 .face {
      text-align: center;
      margin-top: 4px;
 }
</style>

<div style='position: fixed; top: 40%; right: 3px'>
<div class='dvin'>
<!-- Google +1 -->
<div class='plus'>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'>{lang: 'pt-BR'};}</script>
<g:plusone size='tall'/>
</g:plusone>
</div>
<!-- Tweet -->
<div class='tweet'>
 <a class='twitter-share-button' data-count='vertical' data-via='Internovinet' href='http://twitter.com/share' rel='nofollow'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
<!-- Facebook -->
<div class='face'>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>
</div>
</div>
</div>