Browse By

Botão enviar para o Twitter no Blogger

O twitter vem ganhando mais e mais usuários em todo o mundo, eu recomendo utilizá-lo porque ele gera um grande tráfego de visitantes. A maioria dos usuários do Twitter também usam a opção retweet (retuite) que permite você postar novamente alguns tweets interessante no Twitter.
Com esse tutorial você vai pode adicionar um botão retweet no seu blog para que o seu visitante possa retuitar qualquer postagem, e também tem um contador de re-tuites. Essa tarefa é muito fácil, vou lhe mostrar 4 estilos de botões:
Normal à esquerda
Normal à direita
Compacto à esquerda
Compacto à direita

Normal à esquerda

Código:

<div style=”float:left;padding:4px;”>
<script type=”text/javascript”>
tweetmeme_url = ‘<data:post.url/>’;
tweetmeme_source = ‘Nome_De_Usuario_do_Twitter’;
</script>
<script type=”text/javascript” src=”http://tweetmeme.com/i/scripts/button.js”></script>
</div>

Normal à direita

Código:

<div style=”float:right;padding:4px;”>
<script type=”text/javascript”>
tweetmeme_url = ‘<data:post.url/>’;
tweetmeme_source = ‘Nome_De_Usuario_do_Twitter’;
</script>
<script type=”text/javascript” src=”http://tweetmeme.com/i/scripts/button.js”></script>
</div>

Compacto à esquerda

 

Código:

<div style=”float:left;padding:4px;”>
<script type=”text/javascript”>
tweetmeme_style = ‘compact’;
tweetmeme_url = ‘<data:post.url/>’;
tweetmeme_source = ‘Nome_De_Usuario_do_Twitter’;
</script>
<script type=”text/javascript” src=”http://tweetmeme.com/i/scripts/button.js”></script>
</div>

Compacto à direita

Código:

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

Instalando o botão no Blogger:
1.
Depois de escolher o seu estilo preferido, abra um novo arquivo de texto, copie e cole o código lá, e substitua Nome_De_Usuario_do_Twitter pelo seu nome de usuário do Twitter.
2. Entre na sua conta do Blogger, e vá em Layout>> Editar HTML. E clique na caixinha Expandir Modelos de Widgets.
3. Procure por este código:

<div class=’post-header-line-1’/>

Agora copie e cole o código do botão escolhido após o código acima.

PS: Caso você não encontre o código <div class=’post-header-line-1’/> ,procure por: <data:post.body/>

Sair da versão mobile