Como colocar os Ícones de redes sociais no blog | VejacomoGanhar


  • Como colocar botões de compartilhamento das redes sociais no seu blog?
  • Como colocar os botões de redes sociais no blog?
Botões das redes sociais no blog guia completo

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.

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.

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.

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 == &quot;item&quot;'>
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 == &quot;item&quot;'>
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. 

 No meu caso estou usando o modelo de botão mostrado na imagem abaixo.




6 comentários:

  1. Na configuração HTML do meu blog não encontrei os códigos informados, o que posso fazer? ://

    ResponderExcluir
    Respostas
    1. Amigo este código vale apenas para o blogger e para alguns modelos me explique melhor como você esta fazendo?

      Excluir
  2. Como vc fez para colocar o botão do google no lugar do pin it?

    ResponderExcluir
    Respostas
    1. olá amigo o código usado já estava com esta configuração

      Excluir
  3. Muito bom Paulo Vlw mesmo me ajudou muito.

    ResponderExcluir

Seguidores

Siga o Blog nas Redes Sociais

Translator [ Tradutor ]

Colocar no meu Blog!