Botões de redes sociais nas postagens

Hoje vamos aprender como adicionar os botões das redes sociais em seu post. É bem simples e ajuda a divulgar suas páginas nas redes sociais. Veja os exemplos abaixo.

Seguir @MundoBlogueira

Uma das principais maneiras de divulgar as redes sociais de seu blog, é através das postagens. Pois quando a pessoa for ler seu post, irá visualizar suas redes sociais, e com isso poderá te seguir ou não. Para que isso aconteça precisaremos adicionar os botões nas postagens. Mas antes disso, vamos aprender como criar cada botão. É bem simples e o resultado é super legal. Em uma postagem anterior ensinei como criar o botão Like do Facebook e também Como adicionar HTML nas suas postagens. Nesse post, vou ensinar como criar os botões do Twitter e Google plus. Assim como mostra o exemplo acima. Assim como o Botão Like do Facebook, para criar os botões do Twitter e Google Plus, você deverá acessar a página de Developers de cada um. 





Criando Botão Twitter

Clique aqui para criar o botão do Twitter. Na página você poderá escolher o modelo e tamanho do seu botão. Assim como mostra a imagem abaixo.

Feito isso, será criado o código que você deverá copiar e colar onde você quiser. No caso para aparecer na área de postagem, você poderá fazer de duas maneiras. A primeira, é colando o código criado na área de HTML de sua postagem. Caso não saiba como fazer, clique aqui e veja. O segundo modo, é adicionando o botão no HMTL em seu modelo, assim você não precisará adicionar manualmente em cada nova postagem, pois ele se tornará fixo. Mas se você não entende muito de HMTL e não quer arriscar, use-o na área de postagem. Caso queira adicionar ao HTML do seu blog, não esqueça antes de fazer o BackUp do seu modelo, para que não aja problemas futuros. Não sabe como fazer Backup? Clique aqui e aprenda.

Para adicionar o botão ao HTML, no rodapé de suas postagens

Vá no painel de seu blog, MODELO, EDITAR HTML aperte CTRL + F e lá procure por:

<div class='post-footer-line post-footer-line-1'/>

Abaixo do código encontrado cole o seguinte código

<b:if cond='data:blog.homepageUrl != data:blog.url'>

CÓDIGO DO BOTÃO AQUI

</b:if>

Não esqueça de inserir o código do botão onde é indicado, para que ele possa aparecer corretamente. Esse modo permite que os botões apareçam no rodapé das postagens, sem que você tenha que adicionar manualmente.

Criando Botão Google Plus

 Clique aqui para acessa a pagina Developers do Google Plus. Assim como o Facebook e o Twitter, o Google Plus também permite que você escolha o modelo e tamanho do botão que você deseja. Escolha seu modelo, copie o código e siga os passos citados acima.

Pronto, agora você tem os botões das principais redes sociais adicionados em suas postagens.