Botões de compartilhamento de redes sociais no blogger


Botões de compartilhamento de redes sociais no blogger
Utilizar botões para compartilhar os artigos do seu blog é muito importante, porque uma pessoa compartilha e seus amigos podem ver esse conteúdo e compartilhar novamente (se tornando uma importante fonte visitas).

 

Os botões de compartilhamento são feitos no site addthis. Vou ensinar a colocar abaixo do título dos artigos e no rodapé da postagem (o mesmo local que mostra os marcadores). Também vou ensinar a deixar visível apenas nos artigos e para aparecer em todas as páginas.

 

  • Antes de instalar em seu sute ou blog, veja a demonstração:

 

Código dos botões de compartilhamento de redes sociais

 

<!-- botões de compartilhamento --><b:if cond='data:blog.pageType == "item"'>
<hr style="align:center; background:#828282;  border:0px; height:1px; width:100%;" /><!-- AddThis Button BEGIN --><div class="addthis_toolbox addthis_default_style "><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e644cc020c5895d"></script><!-- AddThis Button END --><hr style="align:center; background:#828282;  border:0px; height:1px; width:100%;" /></b:if><!-- fim do codigo -->

 

Esse é o código dos botões de compartilhamento dos artigos nas redes sociais. Não precisa alterar nada, basta colocar no lugar desejado e salvar. No meu blog, eu uso abaixo do título dos artigos e deixo os botões para aparecer somente nessas páginas. Vamos instalar no blogger agora.

 

Instalar abaixo do título dos artigos.

Instalar abaixo do título dos artigos. EXEMPLO!

Faça o login da sua conta no blogger. Escolha o blog que você deseja instalar e siga os passos abaixo.

  1. Clique em Modelo;
  2. Editar HTML;
  3. Clique no código de fonte do seu blog, aperte CTRL + F. Copie e cole o trecho abaixo e de enter.

 

<div class='post-header'>

 

Atenção: Provavelmente, você vai achar 2 códigos igual esse acima.
 

Você deve copiar o Código dos Botões de Compartilhamento, e colar ABAIXO do segundo código localizado.

Clique na imagem para ampliar e ver onde colar o código.
 

Caso fique confuso, clique na imagem acima e veja mais ou menos o trecho que você deve colocar o código dos botões de compartilhamento.

 

Depois de colar, clique em Salvar modeloe veja se ficou certo. Agora, vamos ensinar a instalar no rodapé das postagens.

Instalar no rodapé das postagens

Instalar no rodapé das postagens. EXEMPLO!

Para instalar no rodapé das postagens, vamos usar um código diferente do que é usado para instalar abaixo do título dos artigos. o Código será esse:

 

<!-- botões de compartilhamento --> <b:if cond='data:blog.pageType == "item"'> <center>   <span style="font-size:16pt; color:orange;"><b>Compartilhe seu conhecimento:</b></span></center>

<hr style="align:center; background:#828282;  border:0px; height:1px; width:100%;" /> <!-- AddThis Button BEGIN --><div class="addthis_toolbox addthis_default_style "><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e644cc020c5895d"></script><!-- AddThis Button END --> <hr style="align:center; background:#828282;  border:0px; height:1px; width:100%;" /> </b:if>  <!-- fim do codigo -->

 

Façamos o mesmo processo: realize o login da sua conta no blogger. Escolher o blog que você deseja instalar e siga os passos abaixo.

  1. Clique em Modelo;
  2. Editar HTML;
  3. Clique no código de fonte do seu blog, aperte CTRL + F. Copie e cole o trecho abaixo e de enter.

 

<div class='post-footer'>

 

Atenção: Provavelmente, você vai achar 2 códigos igual esse acima.
 

Você deve copiar o NOVO código de Compartilhamento das redes sociais, colar ABAIXO do segundo código localizado e clicar em Salvar modelo.

 

Para aparecer em todas as página e artigos do seu blog

Essa alteração pode ser feita nos dois códigos (tanto no abaixo do título dos artigos, como no rodapé das postagens). Para aparecer em todas as página e artigos do seu blog, devemos apagar esse trecho abaixo do código que você instalou em seu blog:

 

<b:if cond='data:blog.pageType == "item"'>

</b:if>

 

Apagando esses código e salvando, os botões de compartilhamento das redes sociais irão aparecer tanto na página inicial como nas páginas do seu blog.

 

Concluindo

Não é muito difícil instalar esses botões em seu blog, basta prestar atenção. Caso não de certo ou surgir uma dúvida, fique a vontade e deixe um comentário logo abaixo especificando seu caso.

 

Botões de compartilhamento de redes sociais no blogger Botões de compartilhamento de redes sociais no blogger Reviewed by Gian Lucas on 2/02/2016 03:04:00 AM Rating: 5

Nenhum comentário:

Tecnologia do Blogger.