Блог начинающего SEO оптимизатора » Строка с последним твитом

Строка с последним твитом

Декабрь 16, 2011 | Другое


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

Для начала определяем место вывода строки и вставляем туда блок:

<div id="twitter_update_list"></div>

Непосредственно в этом блоке и будет отображаться наш последний твит. Теперь подключаем два js файла :

<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/zzcot.json?callback=twitterCallback2&count=1"></script>

Во втором файле меняем Zzcot на свой ник в . 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;
}

Внешний вид делаем под себя, я лишь привел пример своего блока. Выглядит он вот так:

Начал делать ремонт на кухне, приглядываюсь к евромойке Blanco Lexa 9e, что скажите?

Tags:







Leave a Reply

Нажмите, чтобы отменить ответ.