Pesquisar este blog

terça-feira, 26 de janeiro de 2010

Colocar Botão Retweet no Blog

Como já é sabido, o Twitter está crescendo e se espalhando cada vez mais na web. "Retweet" ou "RT" é um método muito rápido e eficaz para partilhar informação através do Twitter.


O Retweet consiste basicamente em repetir o tweet de outra pessoa, mas reconhecendo essa mesma pessoa como a fonte de informação.

E uma boa maneira de divulgar melhor o conteúdo do seu blog,é colocar um botão de "Retweet" nos seus artigos, pois se o seu leitor se interessar pelo conteúdo, ele pode compartilhar o artigo com outros usuários no Twitter.



Agora que você já tem idéia do objetivo e funcionalidade do "Retweet", que tal instalar um botão "Retweet" no seu blog?

A instalação é rápida e fácil.

Segue abaixo algumas opções de botões para você escolher.





Opção 1: Botão completo à direita do post:









texto planoprint?

1 <div style="float:right;padding:4px;">



2 <script type="text/javascript">



3 tweetmeme_url = '<data:post.url/>';



4 tweetmeme_source = 'SEU-NOME-DE-USUARIO-NO-TWITTER';



5 </script>



6 <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js">



7 </script>



8 </div>







Opção 2: Botão compacto à direita do post:









texto planoprint?

1 <div style="float:right;padding:4px;">



2 <script type="text/javascript">



3 tweetmeme_style = 'compact';



4 tweetmeme_url = '<data:post.url/>';



5 tweetmeme_source = 'SEU-NOME-DE-USUARIO-NO-TWITTER';



6 </script>



7 <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>



8 </div>





Instalando o botão:



Agora que você já escolheu o botão que mais lhe agrada, coloque o seu nome de usuário no Twitter no campo destacado e vá em 'Layout ->Editar HTML' -> marque a caixinha 'Expandir modelo de Widgets' e procure pelo código abaixo:





texto planoprint?

1 <data:post.body/>





Cole o código do botão que você escolheu logo ACIMA deste trecho.

Visualize e salve!





Observação: Caso você não encontre o trecho <data:post.body/>, procure por <div class='post-header-line-1'/> e cole o código ABAIXO deste trecho.





Ou se preferir, veja neste post outras opções de local mais adequado para colar o código.





Agora aproveite e faça um "Retweet" neste artigo, compartilhe com seus amigos,divulgue o Gothic Darkness!

Comentários:

Postar um comentário