BlogUtils

Depois 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.

1. 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.
2. Depois de aberta a conta siga o link “put your updates on your site”, apresentado do lado direito da tela.
3. 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.
4. 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.