Twitter на вашем сайте

Давно я не писал в блог, хотя и было о чем. Это плохо, будем наверстывать. Ну а теперь о деле, сегодня Bosha решил повесить на свой бложек последние сообщения из twitter’а, решил ему помочь.

ВНИМАНИЕ.
Содержимое данной статьи морально устарело но сохранено для академических целей.

Немного пошуршал поиском и вот удобный способ вставки последних n сообщений из twitter’а всего 2 js файлами. К слову у Bosh’и он не захотел работать, но а у меня все работало, работу этого скрипта вы можете видеть на моем блоге. Теперь о реализации.
Все что нам нужно это пара javascript расположенных на самом Twitter’е.

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

Естественно %nicname% нужно заменить на ваш ник в twitter’е. Причем не ник введенный в настройках а тот что находится в адресной строке, например

http://twitter.com/#!/username

Ну а параметр count=5 в конце адреса второго скрипта отвечает за количество выводимых сообщений, я предпочел больше 5 не выводить.
Желательно скрипты разместить в самом конце, перед тегом </html>, мало ли как долго они будут грузится?

Теперь в месте где вы хотите выводить свои сообщения необходимо расположить следующий код:

<h3>Twitter</h3>
<ul id="twitter_update_list">
</ul>

Немного стилей

.twitter_h {
  color: blue;
  font-size: 10pt;
  font-family:Verdana;
  padding: 0px;
}

.twitter_mess {
  width:200px;
  font-family:verdana;
  font-size:8pt;
  padding-left: 17px;
  list-style-image:url(http://storage7.static.itmages.ru/i/11/0529/h_1306687297_83ee413ccd.png);
}

Ну и классы присвоить

<h3 class="twitter_h">Twitter</h3>
  <ul id="twitter_update_list" class="twitter_mess"></ul>

И уже можно жить:

Ну вот вроде и все, остается только переделать под себя и дописать стили, и будет ляпота 🙂

UPD Пока писал в бложе оказалось что Bosha все таки заставил работать скрипт и у себя, хотя как именно для нас осталось загадкой 😀

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Copyright © Programmer Weekdays | Powered by WordPress