domingo, 23 de maio de 2010

TweetMeme - Botão para divulgar o seu Blog no Twitter

Olá, caro leitor! Se você quer acompanhar todos os nossos artigos, sinta-se a vontade para assinar nosso feed.

Usar o Twitter para divulgar seu Blog é fundamental para adquirir mais visitas. O Twitter é a rede social mais usada por blogueiros, pela praticidade e qualidade que possui. Um botão muito comum que vários Blogs usam, é o botão "Retweet", disponibilizado pelo TweetMeme. Você também pode adicionar este botão ao seu Blog, basta pegá-lo no TweetMeme e adicioná-lo ao código-fonte de seu Blog.

Este botão é muito simples, e ainda possui um contador, indicando quantas pessoas citaram a página em questão no Twitter. Anteriormente, divulguei algumas maneiras de divulgar o seu Blog no Twitter através de simples widgets.
   -> Divulgando seu Blog nas redes sociais - Widget
   -> Divulgando seus posts automaticamente no Twitter
   -> Ícone flutuante do Twitter para Blog


Estas são algumas maneiras de divulgar o seu Blog no Twitter. O TweetMeme é, basicamente, um portal de links do Twitter, links que tiveram bastante retweets ou foram bastante citados pelos seus usuários. Ele tem um certo vínculo com o Twitter, e disponibiliza inúmeros recursos. Para ter este botão em seu Blog, acesse o TweetMeme e procure em sua barra lateral, a opção "Add a Retweet Button to Your Website!", e clique no link "TweetMeme button", encontrado no texto à seguir. Caso não encontre esta opção ou o link, acesse diretamente a página do Retweet Button.

Você será redirecionado para uma página, onde você deve escolher onde quer colocar o seu botão. Clique na opção "Web Button", ou seja, "Botão para Website".

Para finalizar o processo de formulação de seu botão, escolha um dos códigos. Recomendo o seguinte código:

<script type="text/javascript">
tweetmeme_service = 'bit.ly';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

Porque este código? Este código, permite que algum visitante de seu Blog divulgue automaticamente um artigo seu no Twitter, com a URL já encurtada. É mais vantajoso, pois, muitas vezes, o título do artigo é extenso, e pode não caber no tweet. Com o encurtador de URL automático, o tweet renderá mais. Caso queira assim, basta copiar o código acima, sem precisar copiar nenhum dos códigos do TweetMeme. Caso prefira algum dos outros modelos, como o compacto, então o escolha na página de botões.

Adicionando-o no Blogger
Para adicionar este botão no Blogger, você deve acessar o seu painel e ir até: Layout (caso seja no Blogger in Draft, será Design) -> Editar HTML -> Marque a opção "Expandir modelos de widgets" -> Pressione CTRL + F e procure pelo seguinte código:

<div class='post-header-line-1'/>

Como esta tag varia de acordo com o template, caso não encontre esta tag, procure apenas por post-header-line-1. Quando encontrar esta tag, ou alguma semelhante, cole o código do botão. Para que funcione corretamente, é importante que este código esteja entre as seguintes tags:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
CÓDIGO_DO_BOTÃO
</b:if>

Substitua CÓDIGO_DO_BOTÃO pelo código do botão que você escolheu. É importante que o código do botão esteja entre estas tags para que ele apareça apenas quando o visitante entrar na URL do artigo. Se preferir que apareça diretamente, não coloque este código entre estas tags. Cole o código e salve o seu template. Veja se o botão já está em seu Blog. Caso não esteja, acesse o código-fonte de seu Blog, remova o código do seu botão e refaça o processo acima.

5 Comentários:

flaviobim disse...

Esse tb é muito 10 gostei, eu recomendo, abraçossss

Vinícius disse...

Esse é o mesmo do Topsy?Valeu!

Vinicius Chargel disse...

O Dono do Blog,

O botão tem a mesma função que o botão do Topsy, porém, são de diferentes serviços. Qualquer um deles será relevante para seu blog. Obrigado pelo seu comentário!

Anônimo disse...

ei gostária de saber como colocar esse botão tweet ali na postagem.

Postar um comentário

-> NÃO faça comentários ofensivos;
-> Faça comentários apenas RELATIVOS ao assunto do artigo;
-> NÃO faça conversas nos comentários;
-> É PROIBIDO usar links desnecessários, para isso comente usando OpenID;
-> Os comentários são VERIFICADOS, para garantir que não seja violada as regras acima;

Se preferir, fale conosco pela página de CONTATO.

Dica
Use tags como <b> e <i> para fazer comentários mais relevantes.

Perfil

Sou Vinicius Chargel, criador e administrador do Desenvolvimento Blogger. Estudante, Twitteiro e Blogueiro. Atua na internet desde 2006, mas começou a criar blogs apenas à 1,5 anos atrás. Nascido em 1997.

Contadores/Estatísticas

Creative Commons License

Contribua com este blog!


  ©Desenvolvimento Blogger - Todos os direitos reservados.

Template by Dicas Blogger | Topo