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>
Código:
<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>
Código:
<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>
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/>
Botão enviar para o Twitter no Blogger
Reviewed by Unknown
on
12:51:00
Rating:
Legal encontrar esta dica. Estava mesmo procurando e já apliquei no meu blog. Obrigada!
ResponderExcluirmuito boa viu Fabrício!
ResponderExcluirComo fazer a instalação deste botão, no blogger clássico???
ResponderExcluirajudou mto ein.
ResponderExcluirhttp://infudivel.blogspot.com/
http://questaoderaciocinio.blogspot.com/
mto boa ms a dica agora ficou mto mais facil atualizar o twiter vlww
ResponderExcluirhttp://surf-filmes.blogspot.com/
obrigado, fiz aqui e deu certo, bjo me liga :P
ResponderExcluirhtpp://cannabisisland.blogspot.com
oi há tempos eu venho tentando botar esse recurso no meu blog,mas não dar certo :/
ResponderExcluirtipo 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 é [email protected] .
Jéssica, no seu template o código é esse aqui:
ResponderExcluir<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
ResponderExcluirJé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
ResponderExcluirFabrí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
ResponderExcluirJéssica, me manda teu template por e-mail: [email protected] para ver se eu consigo fazer alguma coisa.
ResponderExcluirFunfou msm! Parabéns
ResponderExcluirAlexandre, esta dica infelizmente não funciona no Blogger Clássico.
ResponderExcluirMuito bom!
ResponderExcluirObrigada!
Fabricio,
ResponderExcluiré 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.
ResponderExcluirJúnior Bocelli, vou editar o artigo ensinando a fazer isso, mas quando eu estiver com um pouco mais de tempo.
ResponderExcluirmuito boa dica
ResponderExcluirvallew'z
Dica muito boa, muito obrigado.
ResponderExcluirFuncionou perfeitamente em meus blogs. Obrigado pela dica!
ResponderExcluir@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).
ResponderExcluirAbraço.
obrigado pela dica.
ResponderExcluirsomente 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 ^^
ResponderExcluirMuito obrigado pela dica. Ajudou muito.
ResponderExcluir@Luiz F., de nada. Precisando, tamos aí :)
ResponderExcluirMuito legal, cara. Suas instruções são bastante claras e facilitaram muitíssimo a instalação. Obg.
ResponderExcluirEssa dica foi excelente, coloquei no meu site,passa lá e veja como ficou.
ResponderExcluirConheç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 - [email protected]
Um abraço e até lá!
OI fabricio, não consegui adicionar o botao esta dando este erro
ResponderExcluirNã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?