quinta-feira, 9 de setembro de 2010

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.

Nenhum comentário:

Postar um comentário