Всем привет.
Многие блогеры используют для общения сервис Twitter. Но очень мало кто соединяет свой блог и Twitter аккаунт вместе.
Как? — Да очень просто.

Сегодня мы будем делать красивый вывод вашего последнего Twitter сообщения.
Конечный результат будет выглядеть так:

Дизайн конечно не ахти, но главное показать пример
Вот, например, более красивое оформление:

Но на данный момент важен не дизайн. Сейчас нам важно сделать так, чтобы всё заработало.
А для этого нам понадобится:

- RSS канал вашего Twitter аккаунта;
- PHP код;
- ну и сайт на движке, который поддерживает php;

Для начала получим ссылку на RSS канал, для этого нам нужна вот эта вот ссылка:

http://twitter.com/statuses/user_timeline/kot_mr.rss

Заменитt «kot_mr» на свой логин, ну и оставьте вкладку браузера с вашим RSS каналом открытой, чтобы её можно было в последствии скопировать.

load($feedURL);
$arrFeeds = array();
foreach ($doc->getElementsByTagName('item') as $node) {
    $itemRSS = array ( 
        'title' => $node->getElementsByTagName('title')->item(0)->nodeValue,
        );
    array_push($arrFeeds, $itemRSS);
}
$limit = 1; // количество сообщений которые будут показаны.
for($x=0;$x<$limit;$x++) {
    $title = str_replace('kot_mr: ', '', $arrFeeds[$x]['title']); // замените kot_mr на ваш логин.
    $str = ereg_replace("[[:alpha:]]+://[^<>[:space:]]+[[:alnum:]/]","\\0", $title); 
    $pattern = '/[#|@][^\s]*/';
    preg_match_all($pattern, $str, $matches);	
 
    foreach($matches[0] as $keyword) {
        $keyword = str_replace(")","",$keyword);
        $link = str_replace("#","%23",$keyword);
        $link = str_replace("@","",$keyword);
        if(strstr($keyword,"@")) {
            $search = "$keyword";
        } else {
            $link = urlencode($link);
            $search = "$keyword";
        }
        $str = str_replace($keyword, $search, $str);
    }
    echo '
'.$str.'
';
}
?>

Теперь вы должны решить, где именно желаете видеть данный блок. В боковой колонке, в шапке или в подвале, это уже ваше личное дело.
Итак, теперь подредактируйте код (в коде есть пометки, где и что нужно изменить), а затем вставьте в нужное место.
Вот и всё, теперь всё работает!

Но вот оформление, то не то!
Что делать? – Отправляться в глубины CSS.

Итак, первым делом создадим фон.
Для этого я создал незамысловатую картинку:

И создал div класс, в CSS файле:

.twiter{
background: url("http://blog-kota.ru/primeri/twitter/twit.jpg");
width: 600px;
height: 80px;
}

Разумеется, что размеры вы должны подредактировать, а если вы хотите выводить последний твит не одной строчкой, как у меня, а в столбик то вам нужно изменить и фоновую картинку, я думаю, это особого труда не составит.

Теперь мы должны создать класс, который будет позиционировать наши твиты в определённом месте. Тоесть чтобы они не прилеплялись к левому верхнему краю фонового изображения.
Для этого нам нужен ещё один div класс, вот такой:

.twit{
position: relative;
left: 90px;
top: 30px;
color: #575656;
list-style-image: url("http://blog-kota.ru/primeri/twitter/bullet.jpg");
}

left: 90px; — отступ слева;
top: 30px; — отступ сверху;

Мне бы хотелось отдельно отметить вот этот пункт кода:

list-style-image: url("http://blog-kota.ru/primeri/twitter/bullet.jpg");

Дело в том, что твиты выводятся при помощи элемента «li», в котором перед каждой новой строчкой стоит огромная жирная точка. Мне это не понравилось, и при помощи этого кусочка я заменил чёрную точку белой картинкой, которую видно не будет.
По желанию вы можете заменить эту картинку, или просто удалить этот кусок кода.

Ну а теперь осталось выполнить только самое простое действие, перед началом кода нужно поставить вот это:

А после кода вот это: