Устанавливаем блок своих твиттер-сообщений на блоге

Понедельник, апреля 5, 2010 в 12:04

Твиттер

Вы заметили блок сообщений в правом сайдбаре с заголовком «Мой твиттер» у меня на блоге? Так вот, это список моих последний сообщений в Twitter. Какой толк от него, спросите вы? Если честно, то для меня пользы никакой он не несет – я и так знаю, что пишу, а вот для посетителей блога, думаю, будет интересно (а может быть и нет) узнать, о чем я там пишу. Ведь в своих сообщениях я еще указываю ссылки на полезные или интересные ресурсы. Хотите себе такой же? Ну, тогда, айда за мной )).

В сети можно найти много разных «приблуд», как реализовать такой блог. Это и плагин, созданный специально для WordPress и устанавливаемый в качестве виджета, и варианты на jQuery. Однако, все это можно реализовать гораздо проще. Для этого достаточно взять пару ссылок с кодом java-скрипт, который лежит в самом twitter.com и разместить их в удобном для вас месте. Вот они:

<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"><!--mce:0--></script>
<script src="http://twitter.com/statuses/user_timeline/ваше-имя-в-твиттере.json?callback= twitterCallback2&amp;count=5" type="text/javascript"><!--mce:1--></script>

Вместо слов «ваше-имя-в-твиттере» вписываете свой логин в Twitter и указываете, какое число сообщений выводить в списке count=5.

Теперь внешне облагородим наш блок с помощью стилей css. Внесем в код <div id=»twitter»>, отвечающий за внешний вид блока и подключим список идентификатором <ul id=»twitter_update_list»></ul>, который и будет выводить ваши сообщения на твиттере:

<div id="twitter-box">
<h3>Мой твиттер</h3>
<ul id=”twitter_update_list”></ul>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/ваше-имя-в-твиттере.json?callback= twitterCallback2&amp;count=5" type="text/javascript"></script>

Вставляете код блока в удобное для вас место на блоге и… все! Смотрим и наслаждаемся ). С внешним видом сами уж как-нибудь пошаманьте в стилях, не мне вас учить.

Можете еще оформить счетчик Feedburner или Twitter так же, как и у меня.

P.S Если уж совсем лень вас одолела или просто вы не знаете как, то можете обратиться ко мне через E-mail, ICQ или в комментариях и я напишу вам стили оформления для вашего блока, которые будут соответствовать дизайну вашего блога. Бесплатно, естественно.

   Спасибо Вам за добавление этой статьи в:
  • Опубликовать в своем блоге livejournal.com
  • Опубликовать в twitter.com
Категория Кодирование
  

Похожие по тематике посты:
Rotaban.ru - биржа банерной рекламы

3 комментария к этому посту

  1. Пашко пишет:

    5 апреля 2010 в 17:51

    А зачем этот блок? Честно скажу, я на него даже не смотрю. Заполнить пустоту? Как вариант, но вместо того, чтобы набивать сайдбар кучей блоков можно пихнуть 1 баннер, толку как по мне больше :-/

  2. bloggeroved пишет:

    6 апреля 2010 в 14:08

    Не согласен насчет пользы,никогда не знаешь где стрельнет.
    Vadimos посмотри дизайн может в тему че придумаешь,может потом я тебе чем нибудь буду полезен.

  3. felix пишет:

    6 апреля 2010 в 21:54

    Тоже не совсем я понимаю про эти связи блог / твиттер. Ссылка на аккаунт – это да, а вот подобные блоки чисто для фанатов твиттера. Хотя, честно говоря, сам хотел такое сделать….

Оставить комментарий