Mostrando as mensgens do Twitter diretamente em seu site ou blog
2008-05-02 – 23:25:06Depois de ver um belo post no Interney falando sobre o Twitter, vamos a um pequeno passo-a-passo de como inserir um painel com as suas mensagens publicadas via Twitter em seu site ou blog.
- Abra a sua conta no Twitter. É simples, basta apontar para http://www.titter.com e realizar o cadastro, onde é pedido um email e um nome de usuário. Existe a opção de permitir que o Twitter acesse no momento do cadastro a sua conta de email (para isso você deve informar o seu email e senha do email) de forma que ele possa verificar os seus contatos e convidá-los. Eu, particularmente, não simpatizo com esse tipo de convite, então dei um “skip” para pular esse passo.
- Depois de aberta a conta siga o link “put your updates on your site”, apresentado do lado direito da tela.
- Escolha uma das opções apresentadas sobre onde os seus textos serão publicados, como o MySpace, Blogger ou Facebook. No meu caso escolhi a opção “Other”, onde posso obter código para mostrar as mensagens sem estar amarrado a uma plataforma específica.
- Agora é copiar o código apresentado e colar no seu site.
O código apresentado é css friendly, fica fácil de customizá-lo para ter o look do seu site. Para mostrar a caixinha com as atualizações feitas por mim no Twitter utilizei o css abaixo:
#twitter_div {
border: 1px #CCCCCC solid;
padding: 6px;
width: 300px;
background: #F9FCFC;
}
#twitter_div h2 {
font-weight: bold;
font-size: 13px;
}
#twitter_div * {
font-size: 11px;
line-height: 13px;
padding: 0px;
margin: 0px;
font-family: Verdana;
}
#twitter_div li {
list-style: none;
margin-left: 10px;
margin-top: 6px;
}
A caixinha azul aqui em baixo mostra as minhas mensagens no Twitter. Notem que, com a possibilidade de customizar a aparência com css, ela pode ficar perfeitamente integrada ao seu website.
Twitter Updates



