quinta-feira, 12 de junho de 2014

Botões do Facebook, Twitter e de outras Redes Sociais nas postagens - bem fácil

Como ativar os botões das Redes Socias (share buttons) nos templates do Designer do Modelo

Entre em Layout - Em postagens do blog, clique em editar



Abrirá uma janela pop-up. Marque a caixa Mostrar botões de compartilhamento


Salva.
Se o seu modelo já é do blogger, isso será suficiente, mas se não é , terá que add manualmente. Para isso terá que ativá-los manualmente através do HTML. Lembrando que os ícones das Redes Sociais ficam cinzas e quando passa o mouse eles colorem.

Manualmente:


Entre em Modelo - Editar HTML




Cole este código que está abaixo onde você queira que apareça os botões:  
- Embaixo do título da postagem, no final da postagem ou no rodapé da postagem.

<div class='post-share-buttons'> 
        <b:if cond='data:post.sharePostUrl'> 
          <b:include data='post' name='shareButtons'/> 
        </b:if> 
      </div>


Clique em alguma linha do html e aperte CTRL+F  se vc quiser apareça:

Embaixo do título da postagem: 
Procure e cole antes de<div class='post-body'> ou de <div class='post-body entry-content'>

Final da Postagem:
Colar antes da linha <div class='post-footer'>

Rodapé da Postagem:
Colar antes de <p class='post-footer-line post-footer-line-3'> ou de <div class='post-footer-line post-footer-line-3'>

Visualize e se tiver tudo certo salve, lembre-se sempre de fazer backups e se alguma coisa der errado (eu testei todas e deram certo), se algo der errado clique no botão reverter alterações! : )

0 comentários:

Postar um comentário

Veja também: