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:
Código:
Código:
Código:
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:
PS: Caso você não encontre o código <div class='post-header-line-1'/> ,procure por: <data:post.body/>
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;">Normal à direita
<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>
<div style="float:right;padding:4px;">Compacto à esquerda
<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>
<div style="float:left;padding:4px;">Compacto à direita
<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>
<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/>
Legal encontrar esta dica. Estava mesmo procurando e já apliquei no meu blog. Obrigada!
muito boa viu Fabrício!
Como fazer a instalação deste botão, no blogger clássico???
ajudou mto ein.
http://infudivel.blogspot.com/
http://questaoderaciocinio.blogspot.com/
mto boa ms a dica agora ficou mto mais facil atualizar o twiter vlww
http://surf-filmes.blogspot.com/
obrigado, fiz aqui e deu certo, bjo me liga :P
htpp://cannabisisland.blogspot.com
oi há tempos eu venho tentando botar esse recurso no meu blog,mas não dar certo :/
tipo o primeiro codigo pra procurar não tem no meu blog, só o segundo .então eu copio o codigo tudo certo, ponho meu nome de usuário onde tem que por, colo o codigo lá salvo, mas não aparece nas postagens, alguém sabe o porquê? eu tentei com tos os quatros e tudo deu a mesma coisa, não aparece error nem nada, mas o link não aparece nas postagens, o que eu faço? se alguém poder me ajudar agradeço, meu blog é What I Feel" e meu e-mail é jessica.pri.eu@gmail.com .
Jéssica, no seu template o código é esse aqui:
<div id='header-inner'>
É só adicionar após ele e pronto!
Fabrício infelizmente não deu certo novamente :(, eu enconteri o novo codigo, copie, botei meu de usuário, colei no lugar indicado, mais ainda assim não aparece o link :/ sinceramente acho que eu vou desistir :S, mas vlw por tentar me ajuda :D
Jéssica, deveria funcionar, pois eu adicionei o código no mesmo template que o seu e está funcionando: http://diretorio.blogwindows.org/2009/09/novo-teste.html
Fabrício ai isso só estar me deixando mais confusa, o template aparentemente é mesmo sim, mais não tá fucionando :/ eu tou tentando com o ultimo codigo tbm, mas nada
Jéssica, me manda teu template por e-mail: fabricio@blogwindows.org para ver se eu consigo fazer alguma coisa.
Funfou msm! Parabéns
Alexandre, esta dica infelizmente não funciona no Blogger Clássico.
Muito bom!
Obrigada!
Fabricio,
é uma pena que não funcione no Classico. Pior que quase todos os templates são baseados no classic.
Vou ver se consigo um template diferente. Gostaria muito de usar essa opção para o Twitter.
Abraços
Como colocar ao lado do título? É que nesta posição ele desalinha o texto.
Júnior Bocelli, vou editar o artigo ensinando a fazer isso, mas quando eu estiver com um pouco mais de tempo.
muito boa dica
vallew'z
Dica muito boa, muito obrigado.
Funcionou perfeitamente em meus blogs. Obrigado pela dica!
@Serenissima o Blogger Clássico que eu falei é a versão antiga do Blogger e não os templates que vem nele por padrão (Default).
Abraço.
obrigado pela dica.
somente no seu blog fui achar a melhor forma de por o codigo.
Pois li em outros blgs e todos não ensinavam a forma correta.
Abraços e valeu.
Muito obrigada pela dica ^^
Muito obrigado pela dica. Ajudou muito.
@Luiz F., de nada. Precisando, tamos aí :)
Muito legal, cara. Suas instruções são bastante claras e facilitaram muitíssimo a instalação. Obg.
Essa dica foi excelente, coloquei no meu site,passa lá e veja como ficou.
Conheça o maior portal de filmes completos pra download - www.imperiodosfilmes.com
Faça como eu, espalhe essa novidade para todos os seus amigos do Orkut, Twitter, Facebook, Buzz, e e-mail.
Acesse agora:
Site - www.imperiodosfilmes.com
Twitter - www.twitter.com/impdosfilmes
E-mail - imperiodosfilmes@gmail.com
Um abraço e até lá!
OI fabricio, não consegui adicionar o botao esta dando este erro
Não Foi Possível analisar o modelo Seu, POIs É SUA formatação inadequada. Certifique-se de Elementos de Todos os Que Estão os Fechados XML adequadamente.
Mensagem de Erro em XML: tipo de elemento tweetmeme_url "deve ser seguido pelas especificações de atributo,"> "ou "/>". mais qndo vou verificar ta tudo ok. pode me ajuadar por favor?