Olá! Saturday, 23 de September de 2023.



Dicas CódigoFonte.net
Friday, 11 de September de 2009

Sua própria ferramenta para Twitter

Bom, com esta ferramenta você poderá criar um gadget que irá postar seus twetts diretamente de seu site ou blog para o seu TWITTER usando a API fornecida pelo site. Vamos lá então:

Crie o arquivo msgtwitter.php e digite o seguinte código:

URL DO SEU SITE/twittbr.js'>"; ?>

Este código irá pegar via método POST os dados e a mensagem que serão digitados em um formulário que criaremos a seguir e os envia para o Twitter através de sua API. Ainda ele grava em uma SESSION o nome do usuário. Você deve no final do código, onde está escrito URL DO SEU SITE inserir o endereço de onde você vai hospedar o script.

Agora criaremos a página de onde você digitará a mensagem, chame-a de twitter.php

Usuario do Twitter Senha do Twitter

Observe que dentro das tags HEAD foi importada a biblioteca curvycorners.js, este javascript pode ser baixado na internet em http://www.curvycorners.net/downloads/ . Ela cria DIVS com cantos arredondados pois o IE não reconhece o CSS que faz isto, faça o upload dela para o mesmo diretório deste script. Também importamos um arquivo CSS que cuidará o layout da página. No mais é simples para quem conhece um pouco de HTML e JS.

Crie o arquivo CSS e chame-o de layout_blog.css e digite este código nele:

#box{     position: absolute;     top: 0px;     left: 0px;     background-color: #6E9D00;     width: 285px;     height: 277px;     text-align: center;     border-radius: 10px;     -moz-border-radius: 10px;     -webkit-border-radius: 10px; } #topo{     position: absolute;     top: 01px;     left: 01px;     background-color: #6E7D00;     border-radius: 10px;     -moz-border-radius: 10px;     -webkit-border-radius: 10px;     font-family: Arial, Geneva, Helvetica, sans-serif;     font-weight: bold;     width: 283px;     height: 20px; } #cadastro{     position: absolute;     background-color: #E1E1E1;     font-family: Arial, Geneva, Helvetica, sans-serif;     top: 23px;     left: 01px;     width: 273px;     border-radius: 10px;     -moz-border-radius: 10px;     -webkit-border-radius: 10px;     text-align: left;     padding: 05px; } #botao{     background-color: transparent;     text-align: center; } input{     font-family: Arial, Geneva, Helvetica, sans-serif;     font-weight: bold; } .dados{     font-style: italic;     font-size: 12px;     font-weight: bold; } .msg_twitter{     font-family: Arial, Geneva, Helvetica, sans-serif;     font-weight: bold;     font-size: 12px; } a{     text-decoration: none;     voice-family: expression(this.target='_blank'); } a:link{color: #FAFAFA;} a:visited{color: #FAFAFA;} .usr{     font-size: 10px;     font-weight: bold; }

Não sou muito bom em CSS mas este código criará as DIVS e dará estilo aos elementos da página. Este código foi testado no IE e no Firefox e funcionou certinho.

Você até já pode testar o script chamando ele pelo navegador. Se você digitou todo código certinho, baixou a curvycorners.js e fez upload dos arquivos para um mesmo diretório, então não ocorrerá nenhum erro.

Agora criaremos um javascript que encapsulará nossa página em um iframe, chame-o de twitter.js

document.write('');

Salve e faça o upload dele e pronto, para fazer um teste crie uma página HTML com o seguinte código:

Teste

Em qualquer site ou blog que você inserir o JS <script type="text/javascript" src="http://URL DO SEU SITE/twittbr.js"></script> será exibido o gadget que você criou. Veja com fica no final neste link www.granasblog.blogspot.com

Espero que sirva para alguém e que vocês comentem o que acharam o script.

Abs...


Comentários do artigo [Novo comentário]

Juliana Sampaiao - 23 de September de 2009 - 12:51
Guilherme - Show, adoreii, simples, fácil, e rápido....
Parabéns !!!
josimar guimaraes de souza - 27 de September de 2009 - 00:56
massa
Renata Dias Araujo - 29 de September de 2009 - 14:54
eu escrevo esse codigos a onde, html do meu blog?
Renan Felipe Macario da costa - 03 de October de 2009 - 18:05
aonde eu escrevo esses codigos?

eu ainda não tentei por não saber onde escrever
Guilherme Lima - 05 de October de 2009 - 12:54
Os códigos devem ser escritos em arquivos separados e salvar com os nomes que estão descritos no artigo. Após isto façam o upload destes arquivos para a raiz (host) do seu site ou blog. Leiam atentamente que vocês saberão mesmo que sejam iniciantes. Boa sorte para todos.
Jossyel Maycley Siqueira Brandão - 06 de October de 2009 - 23:07
pq eu meu aparece pagina não pode ser encontrada?
tenta ir pra essa pagina q não existe

http://<strong>http//namoroadolescente.awardspace.biz/twitter.php%3C/strong%3E/msgtwitter.php

ajuda
lucas.exe - 07 de October de 2009 - 19:36
Muito bom...

só um detalhe, q pode ocorrer erro:
$out="POST http://twitter.com/statuses/update.json HTTP/1.1rn"
."Host: twitter.comrn"
."Authorization: Basic ".base64_encode ("$user:$pass")."rn"
."Content-type: application/x-www-form-urlencodedrn"
."Content-length: ".strlen ("status=$msg")."rn"
."Connection: Closernrn"

Reparei que no final há rn e isso calsará erro,
O site tirou as barras
o certo: \r\n (barra r barra n)
Carlos Bacelar - 01 de December de 2009 - 07:49
Olá...

Tem como você explicar como atualizar o status no twitter utilizando OAuth?
RosanaCardoso de Abreu - 23 de February de 2010 - 14:23
oi como faço para colocar o link com foto do twitter no perfil myspace. abraços rosana
Guilherme Lima - 04 de August de 2010 - 13:24
Twitando pelo site:

www.linkmania.net78.net/twittbr
Para adicionar um comentário você deve efetuar o login


Gostou do CódigoFonte.net? Quer indicar a um amigo?
Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:


CodigoFonte.net » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010