sexta-feira, 22 de maio de 2015

Social Share Flutuante Widget




widget-redes-sociais-flutuante-para-blogger



Hoje vou Apresentar aqui  um widget muito usado para dar um up nos seu blog ele fica ao lado da borda do template e vai rolando junto com a pagina esse widget realmente é incrível  sua Intenção intenção  está ligado a conexão social  e também fica  flutuando  Também aparece nas Paginas a vantagem é facilitar o clique de um botão, para criar engajamento em uma postagem do seu blog, Siga o tutorial para fazer isso 

Como Instalar o Widget Flutuante

1. Abra o painel de controle do blogger .
2. Selecione o menu de layout> Adicionar widget> Escolha HTML Java / Script.
3. Em seguida, cole o código dentro da caixa em branco como mostra a figura abaixo 




Código: 

<!-- floating share bar My Blogger Seo-->
<style type="text/css">
#pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;/*bs-fsmsb*/margin:5px 5px 0 5px;}
</style>
<div id='pageshare' title="Get this from mybloggerseo">
<div class='sbutton' id='like' style='margin-left:8px;'>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-send="false" data-layout="box_count" data-width="40" data-show-faces="false"></div>
</div>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<div class='sbutton' id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
</div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>
<div style="clear: both;font-size: 9px;text-align:center;">Get <a href="http://www.mybloggerseo.com">widget</a></div><!-- Do not remove this link -->
</div>
<!-- floating share bar End --> 


Faça bom uso desse widget e tenha social share flutuante no seu blog deixe seu comentário abaixo e compartilhe se gostou do post.



NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner