Blogcast

Botões que o seu Blog tem que ter

É 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.

SIGA o @FerramentasBlog agora e mantenha-se mais atualizado!

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.

Ebook Blogar - O Processo de Criação de blogs, Compre agora por apenas 14,90

Website | Twitter | Facebook
Marcos Lemos é professor e blogueiro. Formado em Teologia pela PUC-MG, graduando em Letras (Português/Inglês) pela FUNEDI/UEMG. Criador do [ Ferramentas Blog ] e tem se destacado como metablogger.
Marcos Lemos já escreveu 1341 posts no Ferramentas Blog.

22 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

  2. Marcos para o Botão Curtir e Enviar do Facebook para WP onde eu devo inserir o código para ele ficar no rodapé da post?

    Obrigado! Abraço.

  3. Bruce Albuquerque disse:

    Cara.. Muito Obrigado!! mesmo.

  4. Eu tenho praticamente todos esses botões, só é preciso tomar cuidado para não desorganizar ou poluir o blog. Mas eles ajudam muito!

  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

  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!

    • Maycon Mazzo disse:

      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?

      • Elton disse:

        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 !

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

  8. Marcos,

    Onde exatamente eu insiro estes códigos?

    Obrigada.

    • 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.

  9. Concordo plenaente que essa interação é boa para o blog e pra quem decidiu compartilhar. Boa matéria e excelentes dicas como sempre

  10. Acabei de pegar o código de por pra seguir no twitter; Obrigado.

  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

  12. Rafael disse:

    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!

    • Rafael,
      Cada caso de como usar vai depender do seu blog e como você quer.
      você pode fazer testes para escolher os melhores locais de exibir certos botões.

Faça um comentário