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"'> |
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.
Faça o login da sua conta no blogger. Escolha o blog que você deseja instalar e siga os passos abaixo.
- Clique em Modelo;
- Editar HTML;
- 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.
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
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.
- Clique em Modelo;
- Editar HTML;
- 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.
Nenhum comentário: