Botão enviar postagem para o Twitter

O Twitter se tornou uma grande fonte de divulgação de um blog/site. O comum agora é surgir novos gadgets para interar ainda mais esse serviço aos blogs.

O botão enviar para o twitter é um desses serviços. Ele fica disponível a todos os visitantes, assim se a pessoa gostar da matéria e quiser divulgar pelo twitter, o botão organiza tudo!

Antes de começar, recomendo que faça backup de seu template. Por segurança.

Vamos ao que interessa!
- Faça login no Blogger. Entre em “Layout” -> “Editar HTML”. Depois marque a caixa: “Expandir modelos de widgets”.

- Agora você deve escolher a opção de local onde vai ficar o widget e o tipo (completo ou compacto).

  • Primeira Opção: Botão ao lado direito do título do post

Procure (Ctrl + f) 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/>

Escolha a forma do botão abaixo e insira o código ACIMA do lugar encontrado:

• Para 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>
</div>

OU

• Para 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>

Agora edite a parte VERMELHA, colocando no lugar de Usuário_Twitter o nome de login do seu Twitter.
Exemplo: pauloestevao

Agora teste, se tudo estiver certo, salve.

  • Segunda Opção: Botão abaixo da postagem

Procure por:

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

Cole o seguinte código DEPOIS:

• Para 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>
</div>

OU

• Para 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>

Agora edite a parte VERMELHA, colocando no lugar de Usuário_Twitter o nome de login do seu Twitter.
Exemplo: pauloestevao

Teste e salve.