Neste tutorial você vai aprender como personalizar aquele código do twitter para não ficar com aquelas “bolinhas“.

1. Vá até o seu css e coloque o seguinte código:

/***************** Twitter (caixa) *****************/
*#twitter_div ul
{margin: 0px;
padding: 0px;
list-style-type: none;}

*#twitter_div ul li
{margin-bottom: 2px;
margin-top: 2px;
background: transparent;
border-bottom:1px dotted #FFFFFF;
color: #FFFFFF;
padding-left: 1px;
padding-right: 1px;
padding-bottom: 1px;
font-size: 11px;
font-family: arial;}

*#twitter_div ul li a {
color: #FFFFFF;
font-family: arial;
font-size: 11px;}

2. Agora onde você quer que apareça as atualizações do seu twitter, coloque este código:

<*div id="twitter_div"*>
<*ul id="twitter_update_list"*><*script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"*>
<*script text="text/javascript" src="http://twitter.com/statuses/user_timeline/seuendereçodetwitter.json?callback=twitterCallback2&count=5">
<*/div*>

3. Onde está escrito “seuendereçodetwitter“, você coloca o nome do seu twitter.
4. E onde tem “count=5“, é o número de atualizações que você quer que apareça.
5. Não se esqueça de retirar as tags “*” do código acima.
6. Prontinho!

Tutorial produzido por Bianca Branco – hellostar.org © – Ajudou? Dê os créditos, quem sabe pode ajudar outra pessoa. :wink: