Barra flutuante para compartilhar seu post em redes sociais

Faça agora mesmo esse método em seu blog. Adicione uma barra flutuante com compartilhamento em redes sociais.
Este método, garante mais visitas e um novo aumento de credibilidade em seu blog, ou seja, quando mais alguém compartilha seu blog, outros vão querer vê-lo.
Nesse tutorial, iremos indicar somente as 3 melhores redes sociais, que garantem retorno.
Google+
Facebook
Twitter
Caso você queira outra, favor comentem para alterar o código.
Antes de tudo, você deve ir em Modelo > Editar HTML 
Essas opções, ficam nas configurações do blog atual.
Após clicar em editar html…
Barra flutuante para compartilhar seu post em redes sociais 

Procure por: <b:includable id=’post’ var=’post’>
Ao encontrar a linha, colem o código logo abaixo de <b:includable id=’post’ var=’post’>
Se a linha estiver incompleta impedindo de colar cliquem em logo ao centro para expandi-lo .

Código:

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_button_linkedin_counter" li:counter="top"></a>
<a class="addthis_counter"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js"></script>
</b:if></b:if>


Vejam como é para ficar:

Barra flutuante para compartilhar seu post em redes sociais
 
Atenção, ajuste a posição da barra, em: 
addthis_counter_style" style="left:50px;top:50px;">
 
 
 
Vocês querem ver o resultado? Simples, é só olhar ao lado dessa página, já está instalado. 
 
 
OArthur.com 
OArthur.com

Sobre Arthur Oliveira

Arthur Oliveira, 30 anos. Formado em Marketing e Administrador do OArthur.com Expert em Produtos Diamante no Google Play e Pay. Desde 2011, escrevo sobre tecnologia, dicas e tutoriais para tentar descomplicar a vida dos usuários de dispositivos eletrônicos e web.

Sem comentários

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *