jQuery Plugin para Twitter
Postado por: Pedro Rogério emSe você tem a vontade de inserir em seu site os posts do Twitter, saiba que pode fazer isso facilmente com jQuery, com o plugin desenvolvido por Damien du toit. Com ele você vai inserir de uma forma customizável e não obstrutiva em seu site seus últimos posts do Twitter.
De início, você deve efetuar o download do plugin e inserir em seu site os seguintes códigos dentro da tag <head>, além do Framework jQuery:
<link rel="stylesheet" href="jquery.twitter.css" type="text/css" /> <script src="jquery.twitter.js" type="text/javascript"></script>
Após basta adicionar uma div em seu site com o id=”twitter”:
<div id="twitter"></div>
Depois é só definir as configurações de inicialização do plugin:
$(document).ready(function() {
$("#twitter").getTwitter({
userName: "jquery",
numTweets: 5,
loaderText: "Loading tweets...",
slideIn: true,
showHeading: true,
headingText: "Latest Tweets",
showProfileLink: true
});
});
Vejam o demo em funcionamento.
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
Boa dica, valeu Pedro!
Legal, eu montei o meu próprio e esta na url que deixei aqui cadastrado, fica o convite pra conhecer o Juitter :D
Pedro, tive alguns problemas com a função live() quando utilizada com outras funções como change() por exemplo. Você já teve algum problema parecido?
Ola eu preciso fazer o contrario enviar do meu site para o twitter alguem saber algo? tipo eu posto uma mensagem em meu site vai para o meu twitter.. fico no aguardo
Funciona perfeitamente nos navegadores novos, mas os IEcas 6 e 7 não roda!
Alexandre,
Estranho, pois comigo funciona corretamente.
Muito legal Pedro,
preciso implementar ele para que fique atualizando automático.
Você tem alguma ideia?
Você sabe como faço para capturar uma hashtag independente de usuário? espero sua resposta.
Hector,
Esse plugin de jQuery pode lhe ajudar: http://code.google.com/p/jquery-twitter-api/
Eu criei um “plugin” para o jQuery parecido
http://pablocantero.com/blog/2010/12/29/jquery-twitter-search-library/
Na verdade, a minha versão e só para buscar tweets no Twitter, a exibição fica por conta de quem usa. A maioria dos plugins que eu encontrei, buscam e exibem os tweets com layout especifico que infelizmente não servem para todos os projetos
É uma DSL para busca de tweets! :D
[code]
var tweets = new Twitter.tweets();
tweets.containing('hello')
.and('world')
.from('pablocantero)
.limit(4)
.order('recent')
.all(function(data){
alert("It’s a customized function to display the tweets");
});
[/code]
Massa! Mas como faz pra alterar o idioma? Quero mudar “days ago” pra “dias atrás”, e outras strings.