dicas blog
Home » , , » Como adicionar no blogger botões de compartilhamento personalizados

Como adicionar no blogger botões de compartilhamento personalizados

16
Nesse tutorial vou mostrar como  adicionar no blogger  botões de compartilhamento  de  postagens  como  twitter  facebook  e o  google +,  para que seus  visitantes  possam  compartilhar  suas  postagens   e trazer  mais  visitas   ao  seu  blog.   botões de compartilhamento  são  fundamentais  para   a sobrevivência de  um  blog  esses  botões share também  chamados  assim  ficam  no  rodapé  das  suas  postagens  e  tem um design  bem chamativo  e agradável  para  ser colocado   no  final das  postagens,  a instalação  é  bem  simples,  se  você  é novato nos blogs não  encontrara dificuldades  nesse tutorial siga  os  passos  abaixo  e  vamos lá.




Primeiro  faça  um backup  do  template caso  de  algo  errado  ou  você  não  goste e queira voltar  atrás.

Primeiro Vá  em modelo  editar   HTML expandir  modelo  de widgets e de  um CTRL+F e procure por  um desses códigos. <div class='post-footer-line post-footer-line-1'/> ou  <div class='post-footer-line post-footer-line-1'>

E  adicione  o  código  abaixo  abaixo dela uma  linha abaixo
 
Testado  e funcionando dia 07/06/2014

Tutorial refeito:código na caixinha abaixo para copiar!


Para  ajustar a  posição tanto para esquerda  quanto  para direita  aumente  ou  diminua esses números. margin-left: 45px;
Caso a imagem  dos botões  desapareça  um dia  do seu  blog,  abaixo  esta  a  imagem  original  para você  mesmo hospedar e geral o código.


16 comentários:

  1. Amigo não é possível copiar o código...

    ResponderExcluir
    Respostas
    1. Realmente não da obrigado por avisar, vou resolver isso abraço.

      Excluir
    2. já esta funcionando agora da para copiar valeu!

      Excluir
  2. Olá, não encontro nos widgets o div class referido... Como procedo?

    ResponderExcluir
    Respostas
    1. Ola Emerson no seu caso pode estar um pouco diferente, então faça o seguinte vá apagando o código de trás para frente e dando enter que localizara algo parecido, o final é assim, line-1'> apage > e de enter para procurar se não encontrar continue' e por ai indicante caso não consiga mande o link do seu blog para eu dar uma analisada!

      Excluir
  3. Ainda não dá para copiar. Você bloqueou o Ctrl+C e o botão direito. Não tem como.

    ResponderExcluir
    Respostas
    1. Ola Demétria o código ta na caixinha só copiar, aperte o botão selecionar e copie!

      Excluir
  4. qual é o link das imagens hospedadas pra mim mudar pelo o meu? Obg...

    ResponderExcluir
    Respostas
    1. No começo do código você vai encontrar uma png, copie abra no seu navegador,salve e hospede!

      Excluir
  5. Ola, eu gostaria de colocar abaixo das postagens botoes de compartilhamento igauis ao seu...isso é possivel?
    que da pra enviar por msm do faceboo a minha pag

    ResponderExcluir
  6. Pessoal clica no botão (selecionar) depois recortar, pronto código copiado.

    ResponderExcluir
  7. Não consigo por no meu blog eu faço tudo como manda o tutorial mas não aparece os botões .... ajuda ?

    ResponderExcluir
  8. muito bom, parabêns pelos artigos, o meu é sobre humor, coisas engraçadas na net:
    http://www.vaibranquelo.com.br/

    ResponderExcluir
    Respostas
    1. Obrigado pelo elogio Alex, e sucesso com o seu blog.

      Excluir