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!
1º - Faça login no Blogger. Entre em “Layout” -> “Editar HTML”. Depois marque a caixa: “Expandir modelos de widgets”.
2º - 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>
• 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.