Olá! Quarta Feira, 08 de Fevereiro de 2012.



Dicas CódigoFonte.net
Sexta Feira, 11 de Setembro 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:

<?php

SESSION_START();

$msg = $_POST['msg_twitter'];
$user = $_POST['usuario'];
$pass = $_POST['senha'];

$_SESSION['usuario']=$user;

$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"
  ."status=$msg";

$fp = fsockopen ('twitter.com', 80);
fwrite ($fp, $out);
fclose ($fp);

echo "<script type='text/javascript' src='http://<strong>URL DO SEU SITE</strong>/twittbr.js'></script>";
?>

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

<?php
SESSION_START();

$usuario=isset ($_SESSION["usuario"])?$_SESSION["usuario"]:"";
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Envie uma mensagem para seu Twitter de modo fácil e rápido" />
<meta name="keywords" content="twitter,mensagem,instantânea,blog" />
<link rel="stylesheet" type="text/css" href="layout_blog.css">
<script type="text/javascript" src="<strong>curvycorners.js</strong>"></script>
<!-- JavaScript que arredonda os cantos da DIV para IE -->
<script type="text/JavaScript"> 
  window.onload = function() {
    var settings = {
      tl: { radius: 20 },
      tr: { radius: 20 },
      bl: { radius: 20 },
      br: { radius: 20 },
      antiAlias: true
    } 

    var divObj = document.getElementById("DIV"); 

    curvyCorners(settings, divObj);
  }

</script>

<!-- Função que conta os caracteres do Textarea -->
<script type="text/javascript">
function contachars(){
    document.forms[0].caracteres.value = 140-document.forms[0].msg_twitter.value.length;
    if (document.forms[0].caracteres.value < 0){
    window.alert("Ultrapassou 140 caracteres, digite novamente! ");
    document.forms[0].msg_twitter.value="";
    document.forms[0].caracteres.value =140;
    return false;}
    else{
    return true;}
}
function checaform(){
if (document.forms[0].usuario.value == ""){
    window.alert("Não pode haver campos em branco")
    return false;}
if (document.forms[0].senha.value == ""){
    window.alert("Não pode haver campos em branco")
    return false;}
if (document.forms[0].msg_twitter.value == ""){
    window.alert("Não pode haver campos em branco")
    return false;}
}
</script>
</head>

<body>
<div id="box">
<div id="topo">
<span class="logo"><a href="http://twitter.com/<?php echo"$usuario";?>" target="_blank"><span class="usr">Twitter de: <?php echo"$usuario";?></span></a></span>
</div>
<div id="cadastro">
<form action="http://<strong>URL DO SEU SITE</strong>/msgtwitter.php" method="post" name="form" onSubmit="return checaform()">
<input type="text" name="usuario" size="20" maxlength="30"/><span class="dados">Usuario do Twitter</span>
<input type="password" name="senha" size="20" maxlength="20"/><span class="dados">Senha do Twitter</span>
<textarea name="msg_twitter" class="msg_twitter" cols="35" rows="5" onKeyDown="contachars()" onKeyUp="contachars()"></textarea>
<input type="text" name="caracteres" size="3" maxlength="3" value="140" class="caracteres"/>
<div id="botao">
<input type="submit" name="submit" value="POST"/>
<input type="reset" name="reset" value="Limpar"/>
</div>
</form>
</div>
</div>
</body>
</html>

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('<iframe src="http://<strong>URL DO SEU SITE/twittbr.php" id="tbanner" name="tbanner" width="288" height="278" scrolling="no" hspace="0" vspace="0" marginheight="0" marginwidth="0" frameborder="0" background-color="#6FC1E1" target="_blank"></iframe>');

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

<html><head>
<title>Teste</title>
</head>
<body>
<strong><script type="text/javascript" src="http://URL DO SEU SITE/twittbr.js"></script></strong>
</body>
</html>

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

eu ainda não tentei por não saber onde escrever
Guilherme Lima - 05 de Outubro 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 Outubro 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 Outubro 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 Dezembro de 2009 - 07:49
Olá...

Tem como você explicar como atualizar o status no twitter utilizando OAuth?
RosanaCardoso de Abreu - 23 de Fevereiro 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 Agosto 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:
mail banner rotativo captcha atendimento calendário background php jogos galeria de fotos comentário códigos para blogger usuário template fale conosco criptografia ip sistema de noticias formulário contador visitas online delphi galeria de imagens pedido música news blogger link google formail letreiro

» Busca avançada

Siga-nos no Twitter







» Procurando iPhones?
... e que tal iPods?





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

Procurando Notebooks, Câmeras Digitais, iPhones?

CompreDeTudo.com