Botões que o seu Blog tem que ter

Sem categoria
27
Siga o Ferramentas Blog: Canal no Youtube | Facebook | Twitter | Google+
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

É inaceitável que o seu blog não tenha alguns botões e recursos disponíveis para o seu público. Há diversos modelos de ícones para links em redes sociais, contadores, Feed e newsletter. Estes recursos podem parecer insignificantes no layout de um blog, mas são a chave para o sucesso da propagação e divulgação. Essa é a garantia de integração do seu blog com outras plataformas.

✅ Canal no Youtube | Inscreva-se AGORA ✅

já ensinamos aqui diversos recursos para você colocar no seu blog e usar. Os que considero mais importantes são os botões para redes sociais ou aqueles recursos que fidelizam seu leitor de alguma maneira. Então selecionei o código de alguns que considero os mais significativos e indico em seguida outros tutoriais para quem precisar de coisas mais específicas.

Botão de seguidores do Twitter

Praticamente é um botão que sugere que sigam seu perfil no Twitter e mostra um contador de seguidores.

<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.html?screen_name=NOME_Twitter" style="width:300px; height:20px;"></iframe>

Onde está “NOME_Twitter” troque pelo seu nome de perfil do Twitter. Já os números marcados de vermelho indicam, respectivamente, a largura e a altura do elemento.

Botão Curtir e Enviar do Facebook

Sim. Assim mesmo, ao mesmo tempo para dar mais opções aos visitantes de escolherem para onde querem mandar. Veja aqui como é o modelo e como colocar no seu blog do Blogger ou do WordPress.org.

Se você tem o Blogger:

Para colocar no Blogger o código é:

<div id="fb-root"></div>
<script src="http://connect.facebook.net/pt_BR/all.js#xfbml=1"></script>
<fb:like expr:href="data:post.url" show_faces="false" width="450" send="true">
</fb:like>

Caso use o WordPress.org:

Mas se você tem blog no WordPress.org o código é este:

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like href="<?php echo get_permalink(); ?>" show_faces="true" width="450" send="true">
</fb:like>

Botão Google +1 (Plus One)

Este é um recurso novo da Google e é altamente recomendável que você coloque em seu blog. Há especialistas em SEO que acreditam que a Google usará estas informações para definir indexação social dos resultados das buscas.

Como há vários modelos, tamanhos e possibilidades de uso para o código desse botão, é recomendável que você veja o tutorial completo aqui:

Outros modelos de botões indispensáveis

Recomendo agora uma série de outros tutoriais com vários modelos de botões que você pode colocar em seu blog para dar mais destaque a ele.

.

27 Comentários

  1. Marcos, no botão do Facebook para Blogger no link tem que usar assim:

    <fb:like expr:href="data:post.url" show_faces="false" width="450" send="true">

    Não pode esquecer do expr.

    abraços

    Responder

  5. Marcos,
    Inseri o código do Botão Curtir e Enviar do Facebook, mas em todos as postagens aparecia “15.441 pessoas curtiram isso”. Fiz o que o Paulo Estevão citou, isto é, acrescentei expr. e funcionou direitinho.

    Abraços

    Responder

  6. Ainda tem blogs sem os botões de compartilhamento, o que a meu ver impede uma interação maior de quem lê com o conteúdo e com as outras pessoas. Pode ser por gosto pessoal ou por não saber como colocar, mas acho que o mínimo de interatividade deveria haver.

    Abraço!

    Responder

    • Depende, nem todos blogs necessitam de botões de compartilhamento. Se você tiver um blog sobre Aids, que é visitado por quem possui a doença, quem vai retwittar a matéria…

      Aids: eu tenho?

      Responder

      • Mas as pessoas deveriam retwittar sim , curtir e enviar para o facebook para que o máximo de pessoas se informem sobre o assunto .
        Aliás ter Aids não é nenhuma vergonha !

        Responder

  7. Pingback: Como adicionar Like Box do Facebook no seu Blog | [ Ferramentas Blog ]

    • Carolmay,
      Onde você achar melhor para o layout de seu blog.
      Se quiser sugestões mais específicas, pode procurar aqui os tutoriais completos que tenho aqui mesmo no blog para te ajudar a incorporar.

      Responder

  11. Excelente dicas Marcos, como estou me familiarizando com o wordpress e vou mudar em breve a estrutura do meu blog é bom saber onde encontrar tutorias completo e como diz meu amigo @jadsonbarbosa aqui é o Wikipédia blogosfera,

    Abraços
    @marisan22

    Responder

  12. Oi, fiquei com uma dúvida: em que local devo colocar esse código HTML? Para testar coloquei em uma postagem editando HTML e funcionou, mas apareceu como parte final do texto, e queria ele abaixo, junto com os outros botões padrões, comentários etc. Obrigado!

    Responder

  13. Olá, depois de muitas pesquisas achei sua explicação a melhor Marcos.
    Eu consegui colocar no blog e o melhor não repete o Curtir em outra postagem, só tenho uma dúvida..porque demora para carregar o botão com esse código??… os códigos de outros sites carregam rápido, mas repete o Curtir em todas as postagens.

    Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.