Создаём строку с последним твитом на сайт

19 Мар
2012

Здравствуйте!
На днях делал новый блог, понадобилось вывести строку с последним твитом на странице. Дело не хитрое, однако подумать заставило. Для начала было скачано несколько плагинов, но в силу ряда причин были выкинуты на помойку. К примеру один парсил несколько сотен твитов, а выводил последний. Я еще удивлялся чего так медленно. Обратился к официальному API twittera и сделал сам. Ниже можно ознакомиться подробнее.

Непосредственно в этом блоке и будет отображаться наш последний твит. Теперь подключаем два js файла:
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/username.json?callback=twitterCallback2&count=1"></script>
Во втором файле меняем MadKort на свой ник в twitter. Count=1 это количество твитов которые будут выводиться, в нашем случае это число равно единице. В принципе все, осталось добавить красоты по вкусу. Для этого добавляем в ваш файл стилей следующие:

#twitter_update_list {
padding: 1em;
padding-left: 50px;
background:url('twitter.png') no-repeat ;
width: 400px;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0.3, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
#twitter_update_list li {
list-style-type: none;

}
#twitter_update_list span {
color: #000;
text-decoration: none;
}
#twitter_update_list a {
text-decoration: none;
color: #c2c2c2;
}
По материалам Хабрахабр.



загрузка...

Комментарии:

Наверх