Home » Extras » Tutoriais » CSS para twitter
CSS Twitter - customizando o seu Twitter

Nivel: fácil


Para quem é iniciante no twitter e coloca ele no seu blog, fica aquelas bolinhas chatas ao lado e não usa todo o espaço desejado (sempre ficam mais para direita). Vamos acabar com isso agora mesmo usando um simples CSS!

Coloque o seguinte código no seu CSS.
/****** twitter - MADLYLUV.COM ******/
#twitter_div ul
{margin: 0;
padding: 0;
list-style-type: none;}

#twitter_div ul li
{margin-bottom: 4px;
border-bottom: 1px dashed #COR DA LINHA QUE DIVIDE CADA ATT;
background-color: transparent;}

#twitter_div ul li a
{font-size: 10px;
color: #COR DA FONTE;}
Depois disso, pegue o seguinte código e coloque em qualquer lugar no blog, onde quer que apareça.
<div id="twitter_div"><ul id="twitter_update_list"></ul></div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/USUARIO.json?callback=
twitterCallback2&count=5"></script>
Mude usuario para o seu login do twitter e o nº 5 mude para o número de atualizações que você quer que apareça em seu blog. E pronto! Não é tão difícil assim. Agora você pode ter um twitter customizado no seu blog!


Ajudou? Creditou
tutorial by Ana Flávia Cador
www.MadlyLuv.com © 2008
Apaixone-se Loucamente <3