Acessórios Redes Sociais Vanessa S.
Topsy – Incluir botões de Retweet Editáveis no blogger
Há um tempo atrás, eu publiquei um artigo com um tutorial que explica como Colocar Botão Retweet no Blog.
Hoje irei mostrar uma outra opção de botão, o Topsy.
A ferramenta Topsy oferece diversos modelos de botões com outras opções de cores, e o mais legal, é que com esta ferramenta, você pode enviar seus posts ao Twitter mais de uma vez (diferente do TweetMeme que permite apenas 1 envio por usuário), bem como a variedade de cores dos botões oferecida pelo site, dando a opção de escolha de botão nas cores que mais lhe agrada e que mais combina com as cores de seu blog.
A @Lu me indagou se havia outras opções de cores para o botão do TweetMeme, resolvi pesquisar e acabei conhecendo a ferramenta do Topsy.
Depois que conheci esta ferramenta, efetuei logo a mudança( que vocês já podem conferir aqui na parte superior, abaixo do titulo deste post).
O processo de instalação é simples, e você pode confeirir os modelos disponíveis aqui nesta página.
Vou ensinar aqui, como configurar o código do botão compacto ou completo, disponibilizado pelo site, mostrando as partes que você deverá alterar, de acordo com a cor e modelo que você escolher.
Botão Completo:
<b:if cond='data:blog.pageType == "item"'>
<div style="float: right; margin-left: 1em;">
<script type="text/javascript">
var topsy_nick = "SEU-NOME-DE-USUARIO-NO-TWITTER";
var topsy_theme = "blue";
var topsy_style = "big";</script>
<script src="http://cdn.topsy.com/button.js" type="text/javascript">
</script>
</div>
</b:if>
Botão Compacto:
<b:if cond='data:blog.pageType == "item"'>
<div style="float: right; margin-left: 1em;">
<script type="text/javascript">
var topsy_nick = "SEU-NOME-DE-USUARIO-NO-TWITTER";
var topsy_theme = "blue";
var topsy_style = "small";</script>
<script src="http://cdn.topsy.com/button.js" type="text/javascript">
</script>
</div>
</b:if>
Editando o código, personalizando cores e tamanho do botão:
Nos 2 códigos postados acima, usei o botão na cor azul, para exemplificar, mas você pode escolher umas das cores disponibilizadas pelo Topsy.
Veja as mudanças que você pode fazer no código(Não retire as aspas no código):
var topsy_nick = “SEU-NOME-DE-USUARIO-NO-TWITTER“ :
coloque o seu nome de usuário no twitter no local indicado.
var topsy_theme = “blue” :
Onde está escrito blue coloque o nome referente a cor que você escolheu, disponivel no site.
var topsy_style:
Small -> é o código referente ao botão compacto.
Big -> é o código referente ao botão completo.
No código fornecido acima o botão aparecerá apenas nas páginas internas(página dos posts).
Exemplo: Veja como ficaria o código completo do botão na cor Mostarda:
<b:if cond='data:blog.pageType == "item"'>
<div style="float: right; margin-left: 1em;">
<script type="text/javascript">
var topsy_nick = "mundo_blogger";
var topsy_theme = "mustard";
var topsy_style = "big";</script>
<script src="http://cdn.topsy.com/button.js" type="text/javascript">
</script>
</div>
</b:if>
[dica]Caso você queira que seu botão fique à esquerda, basta substituir float:right por float:left, no código.[/dica]
Onde instalar o código:
Agora que você já escolheu e já configurou o seu botão, veja neste post as opções de local mais adequado para colar o código.
Outros artigos interessantes que tratam sobre o assunto:
Como saber se meu blog está sendo comentado no Twitter?
Esse artigo é participante do “Movimento Blogs Unidos“
e legal pq a gente sempre pode ver como ira ficar , com as paginas de demostracao que vc coloca
Bom. Queria saber… meu menu do topo é automático, ou seja… ele adiciona as páginas do blog automáticamente.
Como faço pra ele ficar manual, igual aos outros blogs?
Achei super legal esse botão de re-tweet. Uso o "meme". Até instalei esse, mas ele não linka a postagem e sim a página inicial…
Seria um problema com o pessoal que desenvolve ele, como os demais, ou na instalação?
Abração Clau.
@Gothic Darkness
mais vc conseguiu editar o seu, tirando os bugs!!!!
@Kakashi
@Leonardo Baião:
Pessoal, qualquer problema com o js da topsy vcs deverão reportar diretamente ao site criador do js. Só eles poderão resolver algum problema relacionado ao javascript , pois eles que são os criadores.
Eu apenas divulguei o serviço deles, não posso ajudar em nada que seja relacionado ao js.
Meu javascript topsy.js apresenta erro no IE8. Vocês podem me ajudar?
Vejo o erro: http://www.conexaodinheiro.com/negocios/administracao-estrategica
como a tiro os bugs, tipo quando posto fica assim:
"RT @NOME: TITULO DO POST- TITULO DO BLOG LINK"
queria que ficasse assim:
"RT @NOME TITULO DO BLOG – TITULO DO POST: LINK"
vlw, esse site é massa
@Jun:
Nossa estranho, pq ele sempre funciona normalmente em varios blog, mas pode ser algum problema no servidor do desenvolver. Infelizmente não tenho como te ajudar…=/
No meu não tá querendo aparecer 🙁 Só o do TweetMeme que funciona, esse do Topsy não ç_ç Já tentei na versão grande e na compacta, troquei de cor e não aparece nada ._.
@webprincipiante.com:
Eu tb notei isso..as vezes a contagem some e depois aparece de novo. Só não sei o pq disso…
Engraçado que este botão no começo aparecia o numero de Rt agora não aparece (até no seu)coloquei o antigo (twitememe) e aparece,mais ficou zerado os post que pelos mesno tinha um rt não sei porque…
Abraço!
aeeee. **
pegando as dicas já. xD
Caraca, vc salvou minha vida, HAHA
Adorei seu blog, virei visitá-lo em busca de dicas às vezes.
xoxo
Ana
Amiga linda, tem selinho pra vc no
meu Mundo de Magia…
Bjinhossssssss
Sumo não, minha flor!
É q além das férias, o meu PC incomodou
mto… Tive q trocar até o processador.
Um dia encantado pra vc, Clauzinha…
Bjinhossssssss
@Carla:
Oi amiga, eu estava com saudades de vc! Vc sumiu, achei que tinha nos abandonado..rs
Fiquei feliz que tenha voltado,e espero que tenha curtido bastante nestas férias heim? Depois a gente coloca as "fofocas" em dia pelo msn.
Bom retorno amiga! Beijos.
Ei, Clau…
Adorei seus novos posts!!!
Publiquei alguns no twitter e depois vou vir com + calma para ler um por um.
Nossa… Quanta novidade!
Só vc, mesmo!
Bjinhosssss e + bjinhosssssss
Oi, amiga linda!
Nossa, quanta saudade de vc!!!
E do Gothic Darkness, e do meu Mundo de Magia…
Aff…
Andei viajando nas férias, miguxaaa!!!! Consegui tirar férias agora em fevereiro até março!
Ah! Ainda deu pau no meu PC e fiquei sem usar um tempão.
Estou feliz e + atrapalhada do que nunca! kkkkkk…
Espero q não tenha se esquecido de mim…
Te adoro mto, miguxa do meu coração!!!!
Tenha uma noite encantada e venha visitar o nosso Mundo de Magia, ok?
Mtos e mtos
Bjinhosssss cheios de carinho e saudade