Como na página inicial de meu site (http://www.thiagomartins.us) eu utilizo esse recurso e não queria deixar de usar, corri atrás e consegui driblar as dificuldades e resolvi compartilhar as informações.
Primeiramente, é necessário que você saiba editar um template Blogger, pelo menos de forma básica, sabendo as posições de cada elemento. Tendo isso em vista, acesse as configurações de seu Blog e abra a guia Modelo, clique em Editar HTML e marque a caixinha no topo esquerdo, Expandir Modelos de Widgets.
Desça todo o código e antes da TAG </body> cole as seguintes linhas:
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script src='http://api.twitter.com/1/statuses/user_timeline/falecomted.json?callback=twitterCallback2&count=1' type='text/javascript'/>
As partes que eu negritei e sublinhei você vai modificar, sendo que falecomted é o meu usuário do Twitter e 1 é o número de postagens que eu quero exibir, você pode colocar qualquer número, até 999.
Feito isso, basta você salvar o template, ir até layout e adicionar um widget HTML / Java Script no local onde você quer que apareçam os tweets, e dentro desse widget, colar o código abaixo:
<div id="twitter_update_list"></div>
Fazendo isso Tweets já iram aparecer em seu Blog, para estilizar sua lista, repare que ela tem um id (twitter_update_list) de CSS. Fica fácil usar; só inserir na sua folha de estilos (style.css):
#twitter_update_list li {
list-style-type: none; /* remove os marcadores da lista */
}
#twitter_update_list li span {
color: #ff0000 /*muda a cor do texto dos tweets */
}
#twitter_update_list li span a {
color: #ffcc00 /*muda a cor do texto com link dos tweets */
}
E assim por diante. Se você "tiver as manhas" do CSS, pode fazer coisas bem legais, como colocar o pássaro do Twitter ali por perto, alterar a cor da fonte, essas coisas. Vou ficando por aqui, deixei o caminho aberto a sua criatividade e conhecimento, basta agora você percorrê-lo para fazer coisas legais e aproveitar ao máximo esse recurso!
