www.facebook.com/mundodeblogueira https://twitter.com/@mundoblogueira www.instagram.com/mundodeblogueira http://mundodeblogueira.blogspot.com.br/p/contato.html https://plus.google.com/u/0/105226761191522044936/posts https://www.youtube.com/channel/UCPDrL7CSt-lneOtMMtQoahw

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.






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.

twitter no blog


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.

botao do google mais no blog


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


31 comentários:

  1. Amei seu blog, muito lindo adorei as dicas
    Seguindo aqui o seu cantinho, retribui?
    Beijos!
    http://segredosdacahlima.blogspot.com.br/

    ResponderExcluir
  2. Fofo fofo fofo seu bloguito amor :))
    eu realmente sou super tapada pra fazer essas coisas aí kkkk mas estou aprendendo... lendo tutoriais e tentando hehe

    tem novidade no blog, http://teoremanath.blogspot.com.br/

    ResponderExcluir
  3. essa é uma dica boa...amada,seguindo
    voltarei mais vezes pra aprender mais coisas...
    Bjos http://belezatoquefeminino.blogspot.com.br/

    ResponderExcluir
  4. Oi linda, vim retribuir a visita e o carinho.

    Já estou te seguindo tbm, bjos

    http://tudoqueinteressaasmulheres.blogspot.com.br/

    ResponderExcluir
  5. Amei seu tutorial minha linda!
    Agora poderei ter no meu blog vários botões das minhas redes sociais.
    Vou tentar colocar no meu blog. :)
    Amei seu cantinho linda, e estou te seguindo, depois faça-me uma visita e se gostar, siga também!
    Beijos, te espero lá! ♥
    leidynhababy.blogspot.com.br

    ResponderExcluir
  6. Amiga ta poderosa hein, agora até no Twitter podem saber sobre o Mundo de Blogueira!!!
    Parabens pelo tuto♡

    luxuriademenina.blogspot.com

    ResponderExcluir
  7. Esses tutoriais são ótimos.
    Ótima quarta-feira.
    Big Beijos
    Lulu on the sky

    ResponderExcluir
  8. Muito boas as dicas, eu que sou uma negação com edição do layout e html bem que preciso dessas dicas *-*
    Amei os tutoriais e todo o seu blog, fiquei babando no seu layout, muito lindo mesmo *-*
    Estamos seguindo aqui já, beijos da Gabi :*

    http://perigosas-garotas.blogspot.com.br/

    ResponderExcluir
  9. precisava disso (:
    post novo!
    http://amazingbrightworld.blogspot.com/2013/09/desejo-consumista-do-dia_4.html

    ResponderExcluir
  10. Amoo seus tutoriais, são sempre muito úteis!!! ><
    'Beijooos

    ResponderExcluir
  11. Tutoriais interessantes, e bem fáceis. :)

    Bj, xoxo ~> umlivroporestacao.blogspot.com

    ResponderExcluir
  12. Muito bom o tutorial! Adorei!
    Beijos!
    www.mahmaquiagens.blogspot.com.br

    ResponderExcluir
  13. Adoro esses tutoriais para blogs!
    E amei o blog.
    Seguindo flor!
    Beijos
    bycarlarodrigues.blogspot.com.br

    ResponderExcluir
  14. Adorei essa postagem, super interessante!
    Bjs

    http://achadosdamila.blogspot.com.br/

    ResponderExcluir
  15. Tutorial mara minha linda, eu amei!
    Obrigada pelo carinho em meu blog e por me seguir de volta, seja bem vinda!
    Beijos, boa tarde. ♥

    ResponderExcluir
  16. adorei a dica, curti demais...bjos

    piiinkmakeup.blogspot.com.br

    youtube.com/user/MiriaPinkMakeup
    facebook.com/PiinkMakeup
    instagram.com/miriasantanna
    twitter.com/Miria_Santanna

    ResponderExcluir
  17. Nuss, eu faltava dá um troço pra descobri como fazia isso;
    Até que aprendi e vi que é tão fácil kkkk
    Beijoooos

    www.vaidadeeautoestima.com

    ResponderExcluir
  18. Boa noite, lindona!
    Adorei o post, muito útil!
    Tô começando aqui no blog, e já estou te seguindo! Se puder retribuir ficarei muito grata!
    Grande beijo :*

    http://rafaelabarbosablog.blogspot.com.br/

    ResponderExcluir
  19. Adorei o post! E como sempre me ajudou hahahahha

    Obrigada pela visita!!
    Beijão da Pretinha

    http://pretapretinhablog.blogspot.com.br

    ResponderExcluir
  20. Muito útil, vou testar!
    Beijão!
    http://ana-dodia.blogspot.com.br/

    ResponderExcluir
  21. Adorei, muito útil!
    vestindo-ideias.blogspot.com.br

    ResponderExcluir
  22. Tutorial super útil colega! Beijos anjo fique com DEUS♥
    http://feriasemparis.blogspot.com/

    ResponderExcluir
  23. Puxa, que dica bacana, eu que sou novata em blogs preciso de mais dicas como estas ;)
    Seguindo aqui
    Beijos
    http://soslaly.blogspot.com

    ResponderExcluir
  24. Obrigada!
    Seguindo de volta!

    http://pamlepletier.blogspot.com.br/

    ResponderExcluir
  25. Ótimo tutorial!

    Querida tenha um bom final de semana<3
    estrelafloresmelancia.blogspot.com

    ResponderExcluir
  26. Adorei a dica, e seu layout é lindo. *-*

    Pena que pra mim essas coisas de HTML são complicadas. D:

    http://nahboaoi.blogspot.com.br/

    ResponderExcluir
  27. adorando todas as dicas haha ! super beijo. http://derepente15uiinze.blogspot.com.br/

    ResponderExcluir
  28. amei a dica é uma dica mais legal que a outra, estou seguindo aqui amiga, beijo
    http://bonecadesaltoalto.blogspot.com.br/

    ResponderExcluir
  29. Adorei a dica.
    Gostaria de te convidar para seguir meu bloguinho. Estou começando agora. Bjs
    http://blogdegarotasmimadas.blogspot.com.br/

    ResponderExcluir
  30. Universo de Poliana
    Adorei a dica, mas gostaria de saber como fazer para colocar ícones customizados no fim dos posts.Por exemplo, o ícone do Facebook em forma de uma lojinha, que está hospedado no meu Picassa. Como colocá-lo no fim dos posts?
    Obrigada.

    ResponderExcluir

Obrigado por comentar. Mundo de Blogueira agradece sua visita !


* Clique aqui e aprenda a colocar o link do seu blog nos comentários
* Não serão aceitos comentários somente com objetivo de divulgação, ou que ofenda qualquer leitor.
*Antes de pedir algum tutorial, verifique se o mesmo já não foi postado.

 
© Mundo de Blogueira - 2019. Todos os direitos reservados.
.