Tutoriais Variados

Adicionar Últimos Tweets (Modificado)

16 de June de 2013

Recentemente eu fiz um tutorial de como instalar o script Tweet!, o mesmo que uso para mostrar minhas atualizações do twitter ali na barra lateral. Porém o mesmo deixou de funcionar no dia 11 desse mês e segundo o próprio autor devido a mudanças na API do Twitter.
Mas nem tudo está perdido, nessa página: github.com/StanScates/Tweet.js-Mod você encontra as instruções de como resolver o problema.
Se quiser tudo simplificado, é só seguir esse tutorial:

01. Faça o download do arquivo Tweet.js Mod master, descompacte e envie somente a pasta "twitter" para a raiz do seu servidor (pasta www ou public_html).

02. Agora é hora de criar sua API no Twitter, parece complicado, mas é simples.

Clique nessa página dev.twitter.com/apps e no canto superior direito clique em "Create a new application"

Preencha os campos: Name, Description, Website (nome, descrição e website são irrelevantes, não se preocupe), marque a caixinha "Yes, I agree" e clique em "Create your twitter application".

Na aba "Details" você vai encontrar o botão "Create my access token", clique nele e mantenha essa página aberta, pois é dela que vamos tirar os dados para o passo seguinte.

03. Agora vamos editar o arquivo index.php que está dentro daquela pasta "twitter" do começo do tutorial. Abra o arquivo index.php e altere os campos marcados em azul com os dados da sua página que deixamos aberta após criar a API do twitter:

// Your Twitter App Consumer Key
private $consumer_key = 'YOUR_CONSUMER_KEY';

// Your Twitter App Consumer Secret
private $consumer_secret = 'YOUR_CONSUMER_SECRET';

// Your Twitter App Access Token
private $user_token = 'YOUR_ACCESS_TOKEN';

// Your Twitter App Access Token Secret
private $user_secret = 'YOUR_ACCESS_TOKEN_SECRET';

Salve e feche o arquivo.

04. Adicione depois da tag <head> (se você usa wordpress ela fica no arquivo header.php):

<script type="text/javascript" src="/twitter/jquery.tweet.min.js"></script>
<script type="text/javascript" src="/twitter/jquery.tweet.js"></script>
<script type='text/javascript'>
jQuery(function($){
$(".tweet").tweet({
modpath: '/twitter/',
username: "SEU-USERNAME",
count: 1,
template: "{text}<br/> <small>{time} | {retweet_action} | {reply_action}</small>",
loading_text: "carregando tweets..."
});
});
</script>

Troque "SEU-USERNAME" pelo seu user do twitter e em "count: 1" troque o 1, pelo número de atualizações do twitter que você quer que apareça.

05. Na sua sidebar ou onde você quer que seus tweets apareçam, coloque:

<div class="tweet"></div>

06. Adicione ao seu CSS (style.css no wordpress) e modifique como desejar:

.tweet_list {
list-style: none;
margin: 0;
padding: 0;
overflow-y: hidden;
background: #ddeaf1;
}
.tweet_list li {
display: block;
overflow-y: auto;
overflow-x: hidden;
padding: 6px;
list-style-type: none;
text-align:justify;
}

heart


Leia Também

Deixe seu comentário

Nellie
19/06/2013 ・ 19:52

Tâmara, você podia fazer um post sobre suas dicas de perfume ou maquiagem! <3

Lara
26/06/2013 ・ 21:21

Esse código serve pro blogspot também? 🙁

    27/06/2013 ・ 06:57

    Se você puder hospedar os arquivos .js e .min acredito que sim.

16/09/2013 ・ 22:44

Salvou, valeu mesmo.

Pablo
02/10/2013 ・ 09:13

Olá meu anjo, teu post tá perfeito, mas mesmo assim, não consegui colocar em meu site… Me ajuda flor, fiz exatamente tudo o que você disse aí…

    02/10/2013 ・ 11:00

    Mas pra eu tentar te ajudar você tem que me dizer o que deu errado.

19/11/2013 ・ 12:54

Olá o tutorial está perfeito.

Só tem um pequeno erro no passo 04. o código está apostando o arquivo jquery.tweet.min e o certo é jquery.tweet.min.js

Aliás, parabéns pela postagem e pelo blog.

25/01/2014 ・ 10:21

Gostaria de saber se com esse widget posso adicinar os twetts no blogger??

    25/01/2014 ・ 20:14

    não tenho certeza, mas acho que o blogger não aceita arquivo .js

06/03/2014 ・ 17:02

Tamara, tudo bem?

Gostaria de saber se demora algum tempo para que as atualizações comecem a aparecer?

Porque eu segui todos os passos, mas não aparece nada!

Grata!

    06/03/2014 ・ 19:12

    Às vezes demora um pouquinho para atualizar, mas logo aparece.

27/05/2014 ・ 17:40

No meu tbm não apareceu nada, esta como se eu não tivesse colocado…

27/05/2014 ・ 18:03

Your Twitter App Consumer Key
private $consumer_key = ‘YOUR_CONSUMER_KEY’;

// Your Twitter App Consumer Secret
private $consumer_secret = ‘YOUR_CONSUMER_SECRET’;

esses dois eu não achei la, sera que mudou o nome?
eu coloquei do api que aparecia..
Se puder me ajudar, porque não aparece nada no meu mesmo.