- Como colocar botões de compartilhamento das redes sociais no seu blog?
- Como colocar os botões de redes sociais no blog?
Hoje vou explicar como colocar os botões de redes sociais no blogger, caso você use a configuração Leia-me no seu blog onde as postagens aparecem listadas na pagina inicial não se preocupe pois desta forma que explicarei os botões só aparecerão dentro e abaixo de cada postagem.
Já expliquei aqui neste outro post como colocar artigos relacionados com miniaturas de imagens no blogger.
Para colocar as redes sociais no blog siga os passo abaixo...
Comece acessando e se cadastrando no site Addthis https://www.addthis.com/
Após realizar o cadastro faça a confirmação do mesmo através do link que o site vai enviar para seu
e-mail em seguida volte para o site e efetue o login.
e-mail em seguida volte para o site e efetue o login.
Dentro do site clique em (Get AddThis) em português (Obter AddThis).
Esta opção fica bem la em cima do lado esquerdo do site...
Agora na opção Get AddThis for, em português Obter AddThis para, aqui temos que escolher em qual plataforma vamos instalar os botões, escolha a opção (A Website) o certo seria a opção (Blogger) mas saiba que testei e não funcionou corretamente por isso recomendo escolher
(A Website) agora copie o código fornecido pelo site que aparece do lado direito da pagina para um bloco de notas.
(A Website) agora copie o código fornecido pelo site que aparece do lado direito da pagina para um bloco de notas.
Entre nas configurações do seu blog clique em Editar Html e expandir modelos de windgets, e não se esqueça de sempre realizar um beckup do seu template antes de fazer alterações nos códigos.
Use as teclas Ctrl+F e procure o código a seguir:
<p class='post-footer-line post-footer-line-3'/>
Se não encontrar o codigo acima procure este:
<div class='post-footer-line post-footer-line-3'>
Agora cole este código a baixo do código que foi encontrado anteriormente:
<b:if cond='data:blog.pageType == "item"'>
código que voce pegou no site
</b:if>
código que voce pegou no site
</b:if>
Deve ficar assim:
<p class='post-footer-line post-footer-line-3'/>
<b:if cond='data:blog.pageType == "item"'>
Cole aqui o código que você pegou no site!!
</b:if>
Cole aqui o código que você pegou no site!!
</b:if>
Agora cole no lugar da parte que esta em negrito o código que você pegou no site e pronto clique em salvar e veja o resultado.
Veja como Colocar botão de seguidores no blog
Na configuração HTML do meu blog não encontrei os códigos informados, o que posso fazer? ://
ResponderExcluirAmigo este código vale apenas para o blogger e para alguns modelos me explique melhor como você esta fazendo?
ExcluirComo vc fez para colocar o botão do google no lugar do pin it?
ResponderExcluirolá amigo o código usado já estava com esta configuração
ExcluirMuito bom Paulo Vlw mesmo me ajudou muito.
ResponderExcluirobrigado amigo volte sempre
Excluir