sexta-feira, 17 de junho de 2011

TweetMeme - Botão de Retweet para seus artigos

O Twitter é um daqueles fenômenos que vez ou outra acontecem na internet. Utilizando-se de uma ferramenta praticamente instantânea de troca de informações entre pessoas interligadas na rede este fenômeno da vez amplia mais e mais sua amplitude e suas utilidades.

Podemos encontrar desde lojas gigantes da web que fazem promoções em seus perfis a artistas que usam o sistema para se promover ainda mais. Entre estes e muitos outros exemplos, cabe a nós aqui, ressaltar a importância do Twitter como elemento de divulgação de nossos blogs. è impressionante o que posde ser feito e o alcance que podemos obter se veicularmos nossos artigos nesta rede social.

Outro dia ensinei aqui como colocar em seu blog um botão que permite aos seus leitores compartilharem seus artigos no Facebook, clique AQUI para ler

Agora vou mostrar como adicionar o botão do TweetMeme, que permite aos leitores compartilharem seus artigos em seus perfis no Twitter. O melhor é que este botão pode ser perfeitamente integrado ao do Facebook. Aqui no Tutorial Para Tudo usamos os dois, o do Twitter alinhado dentro dos artigos e o do Facebook abaixo do título do artigo pois quis explorar um pouco mais esta rede.

Pois bem meus caros, como já disse, o site que oferece este serviço é o TweetMeme, um bom agregador de conteúdo voltado para o Twitter. Se quiser conhecer um pouco mais deste site acesse aqui:http://tweetmeme.com/

Rolando a página principal encontraremos um indicativo na barra lateral direita, veja a imagem abaixo:



Adicione um botão de Retweet ao seu site!



Clicando no link “TweetMeme button”, você será direcionado para a página de configurações para cada tipo de blog, veja a seguir como fazer.










Você deve optar, para uso no blogger, pela opção 2, como mostrado na imagem. Clicando na opção indicada você será levado a uma página com códigos e as modificações a serem feitas mas vou mostra os códigos aqui para facilitar pois o site é em inglês, o que pode complicar para alguns.



ADICIONANDO O BOTÃO DE RE-TWEET

O botão ficará como na imagem ao lado e em nada atrapalhará o layout de seus artigos. Para adicionar primeiramente vá até o painel do seu blog, clique em Layout >> Editar Html, marque a caixa "Expandir modelos de widgets" para visualizar o Html completo e procure pela seguinte linha no código (aperte Ctrl + F para localizar):



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



Após encontrar cole imediatamente abaixo o trecho a seguir:



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type="text/javascript">
tweetmeme_source = 'SEU_NOME_TWITTER';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</b:if>



Observe que as linhas em verde coloquei para que o botão apareça apenas quando o leitor entrar na página do artigo e não na página inicial onde podemos ter a opção de resumo de artigos. Se desejar que apareça na primeira página apenas apague estas linhas em verde.

Onde está escrito SEU_NOME_TWITTER substitua por seu nome no Twitter. O meu, por exemplo étutorialtudo

Após fazer as mudanças indicadas salve o modelo e confira como ficou. É isto, agora seus leitores podem indicar seus artigos no Twitter. Fácil não?

Nenhum comentário:

Postar um comentário