Botão de seguir no Twitter

em 16 de fevereiro de 2012

Já ensinei aqui no blog como colocar os botões de curtir do Facebook e de retuitar posts no Twitter. Relembre:

Botões de curtir do Facebook e retuitar do Twitter para seu blog

Agora vou ensinar um pequeno código que instala em seu blog um botão bem legal, que permite ao seu leitor seguir você no Twitter. É simples, e com um pouco de atenção todo mundo vai conseguir.

*Tutorial para o novo painel do Blogger

Para começar clique no nome de seu blog no qual pretende inserir o botão. A seguir clique em Modelo. Depois clique em Editar html. Se aparecer uma mensagem dizendo para ter cuidado clique em Prosseguir. Marque a caixinha Expandir modelos de widgets. Agora, usando F3 (no Chrome e Firefox) ou Ctrl+F (no Explorer) encontre este trecho:

 <div class='post-footer-line post-footer-line-2'>

Encontrou? Agora, imediatamente abaixo dele coloque este código:

<a class='twitter-follow-button' data-lang='pt' data-show-count='true' href='https://twitter.com/elainegaspareto'>@elainegaspareto </a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>

Faça as alterações, trocando o meu endereço e meu nome de usuária do Twitter pelo seu. Clique em Visualizar e se estiver ok, salve.

 

Atenção!

Pode ser que no seu template o trecho que pedi para localizar apareça 2 vezes. Estamos procurando a primeira ocorrência dele, ok? Talvez ele esteja assim:

     <div class='post-footer-line post-footer-line-2'><span class='post-labels'>

Neste caso, separe os sinais >< e insira o código do botão entre os sinais. Assim:

<div class='post-footer-line post-footer-line-2'>CÓDIGO AQUI<span class='post-labels'>

Depois visualize e salve.

 

Caso um dia não queira mais basta voltar e retirar o código inserido. Testei em todos os modelos do Blogger e deu certo. Templates muito alterados ou externos ao Blogger podem não aceitar o recurso. Teste antes.

Este procedimento insere o botão abaixo de seus posts, exatamente como o meu (aproveite e clique nele pra ver como funciona, e segue a @elainegaspareto) mas se quiser colocar o botão em sua sidebar copie o código, faça as alterações para seu endereço e nome de usuário do Twitter e cole como gadget html/javascript em seu blog.

Inseri recentemente no O Tacho da Pepa e no blog da Fernanda Reali. Aproveita e confere lá.

 

Gostou? Mas tem medo de fazer sozinho? Eu faço pra você!

Semana que vem tem mais, vou partilhar umas coisas legais sobre títulos das postagens e umas dicas para posicionar melhor nossos blogs nos mecanismos de busca..

. Tô tisperando, tá?

Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

8 comentários , comente também!

  1. Aiii....como eu gosto dessas tuas dicas!!!!!
    Bjks!

    ResponderExcluir
  2. Pois é Elaine...foi o que eu imaginei quanto as respostas aos comentários. Se voce com uma internet potentissima acontece....rs...
    Também vou ficar na espera das respostas em "janela pop up".
    Quanto aos links, coloco com o maior prazer, adoro as suas dicas e sei o quanto sao necessárias,por isso o negocio é compartilhar..rs!!!
    Beijocas!!!

    ResponderExcluir
  3. Legal esses botões, uma hora vou tentar colocar no meu. Valeu pela dica!

    Beijocas

    ResponderExcluir
  4. Gostei mt, vou fazer qnd tiver em casa, pois aqui no meu trabalho não tem como fazer!!!
    Estou seguindo o seu blog, segue o meu tbm??

    htt://calcinhasexy.blogspot.com

    Inté :*

    ResponderExcluir
  5. Ola Elaine
    Conheci seu blog, e já estou fã pois não saio mais daqui... Vejo as dicas, comentarios, receitas (gostei do seu frango)...
    Obrigada pelas dicas super legais.
    Eu escrevi um email para vc com duvidas, se puder me responder um dia, ficarei muito feliz...
    Beijos grandes e ótima 5 feira

    ResponderExcluir
  6. Elaine acabei de criar um blog e queria que vc desse uma olhadinha lá!já que vc é esperiente! o link é www.garotadoallstar-rosa.blogspot.com elaine e que vc me desses dicas pode ser? o meu imail é andressa_alves20@hotmail.com bjs da sua fã!

    ResponderExcluir
  7. Oi querida......sua cachorrinha é linda, amei a hist´roia da adoção, mto legal.
    e o mlehor, vc e maridex amam animais, tdo de bom. aki em casa tbém é assim.
    bjos e bom feriado.

    ResponderExcluir
  8. Oi Eliane eu já busquei ajuda por aqui diversas vezes,e hoje gostaria de fazer um pedido,você não poderias me ensinar a colocar a data nas postagens personalizada assim como no seu,poderia ser outra imagem.Eu ficarei muito agradecida beijos nunca vi você em meu blog ficaria feliz em receber sua visita.

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…