4
Mostrar seu último tweet usando jQuery
7 Comentários · Postado por Sérgio Rodrigues em jQuery
A melhor maneira de exibir em seu blog ou site o último tweet postado por você. É usando jQuery: Simples, rápido e pratico, Veja.
1º passo – Criar uma div:
Crie uma <div> com um ID (Identificador) chamado ‘tweet’, ou como você preferir chamar e coloque no lugar que desejar.
<div id=”tweet”> … </div>
2º passo – Incorpore o jQuery a seu código:
Já que estamos trabalhando com jQuery, é preciso incorporar a biblioteca ao seu documento. Para fazer isso é muito simples, basta inserir a linha de código a seguir em sua ‘head’.
<script src=”http://code.jquery.com/jquery-latest.min.js”></script>
3º passo – Mostrar o tweet na tela:
Para que isso aconteça, é preciso inserir o código abaixo em sua ‘head’ para que a div ‘tweet’ possa ser valida. Lembre-se, troque ‘usuario’ por seu ID no Twitter (ex: war10ck_ti ou maujor).
<script>
$(‘document’).ready(function() {
$.getJSON(‘http://twitter.com/statuses/user_timeline/usuario.json?callback=?’, function(data) {
$(‘#tweet’).html(data[0].text);
});
});
</script>
Caso prefira, você também por inserir este código em um arquivo separado, e incorpora-lo a página desejada. Para estilizar o ‘widget’ da forma que você desejar, basta ultilizar Folhas de Estilo em Cascata, as CSS. Assim personalizando, cores, fontes, espaçamentos, margens e etc.
Veja um exemplo: Mostrar último tweet
rafael · 9 de novembro de 2010 às 10:47
seu exemplo não tá funcionando
Admin comment by Sérgio Rodrigues · 9 de novembro de 2010 às 10:57
Cara, aqui funcionou normalmente: http://twitpic.com/35bk4b – Verifica se o JS do teu navegador não ta desativado.
Fernando Vidal · 29 de maio de 2011 às 17:35
Obrigado.. funcionou perfeitamente…=D
Tiago Bernardes · 10 de julho de 2011 às 12:55
Funcionou perfeitamente, mas e seu quizer colocar os últimos 3 tweets ?
Tiago Bernardes · 10 de julho de 2011 às 17:43
Funcionou aqui, mas e se eu quizer postas os ultimos 3 tweets ? com a data.
Admin comment by Sérgio Rodrigues · 11 de julho de 2011 às 9:47
Rapaz, você pode usar os códigos do próprio Twitter: http://twitter.com/about/resources/widgets/widget_profile
Manoel Silva · 15 de agosto de 2011 às 21:30
funcionou muito bem, é que eles devem esta colocando o script dentro da tag body eles tem que coloca na tag head e a div na body.
so queria saber se da para colocar mais tweets inves de 1 só. respoda por emial por favor!!!