domingo, 26 de dezembro de 2010

Como colocar um Botão do Twitter no Blog?


Sabemos a importância do twitter na divulgação de seu blog, onde a simples criação de um artigo que seja altamente viral (marketing viral) se espalha rapidamente pelo twitter através  dos retwits.
Com isso em mente, a idéia de colocar um botão já programado para que seus leitores divulguem seu artigo de qualidade com facilidade se torna uma idéia bastante atraente, tanto para o blogueiro que terá seu blog divulgado como para o leitor, que poderá compartilhar artigos de qualidade com seus contatos com facilidade.
 
Você terá duas alternativas de botões para inserir em seu blog, o que lhe permite avaliar qual dos dois se aplica melhor ao design do seu blog.

Então vamos para o código e como implementar estes botões em seus posts.

1 – Vá em Design >> Editar HTML, mande “expandir modelos de widgets”.


Para Botão do Lado Direito do Título do Post

Procure por:

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

Agora cole o código do botão escolhido acima da tag encontrada.

Botão Completo

<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'Usuario_ Twitter';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

Botão Compacto

<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'Usuario_ Twitter';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

Botão no Rodapé do Post

Procure por:

<div class='post-footer'>
ou
<div id='post-footer'>

Cole o código do botão escolhido depois da tag encontrada.

Então salve seu HTML e vá conferir como ficou! Vale lembrar que sempre que vamos fazer alguma alteração no HTML, é bom fazer um backup do template por segurança, assim se algo der errado podemos facilmente restaurar o blog como era antes do incidente.

Nenhum comentário:

Postar um comentário