Оформление счетчика Twitter по-новому

Воскресенье, марта 7, 2010 в 0:08

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

Создание  PHP файла

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

В новый PHP файл вписываем следующие строки кода:

1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
$tw = get_option("twitterfollowerscount");
if ($tw['lastcheck'] < ( mktime() - 3600 ) )
{
$xml=file_get_contents('http://twitter.com/users/show.xml?screen_name=ВАШЕ-ИМЯ');
if (preg_match('/followers_count>(.*)</',$xml,$match)!=0) {
$tw['count'] = $match[1];
}
$tw['lastcheck'] = mktime();
update_option("twitterfollowerscount",$tw);
}
echo $tw['count'];
?>

Что делает этот код

Первые две строчки кода отображает количество подписчиков. Обратите внимание на «mktime 3600″. Это означает, что информация о количестве ваших подписчиков будет обновляться каждые 3600 секунд, т.е каждый час.

Следующая строчка идентифицирует вас на твиттере:

1
$xml=file_get_contents('http://twitter.com/users/show.xml?screen_name=ВАШЕ-ИМЯ');

Там, где написано «ВАШЕ-ИМЯ», вам необходимо вписать свое имя в Twitter, мое имя в Twitter «vadimons», поэтому я в качестве идентификатора вписал «vadimons»:

1
$xml=file_get_contents('http://twitter.com/users/show.xml?screen_name=vadimons');

Сохраняете файл как «twitter.php» и кидаете его в папку с вашей темой WordPress.

Отображение счетчика Twitter

Добавляете следующий код в то место, где хотите, чтобы отображался ваш счетчик:

1
<?php include("twitter.php"); ?>

Вы можете легко изменить внешний вид счетчика с помощью CSS. Например, код моего счетчика выглядит вот так:

HTML

1
2
3
 
<span class="twitter-followers"><?php include("twitter.php"); ?>
</span> Followers

CSS

1
2
3
4
5
6
7
8
9
10
p {
color:#000;
}
 
span.twitter-followers {
font-size: 24px;
vertical-align: middle;
padding-left: 5px;
color: #1e96db;
}

В ближайшем посте расскажу еще как сделать такой же счетчик и для  RSS подписчиков.

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

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

7 комментариев к этому посту

  1. Alex Pro пишет:

    7 марта 2010 в 04:38

    Ага, верно, так красивее смотрится.
    Картинки только аккуратней обработай, неровные края – это не есть гуд.

  2. andy пишет:

    7 марта 2010 в 13:11

    симпотишно) я тоже сегодня писал счетчик для сапы

  3. FunMas пишет:

    7 марта 2010 в 13:12

    Прикольно, а можешь такой же скрипт написать только для вывода курсa валют?

  4. Administrator пишет:

    7 марта 2010 в 14:57

    FunMas, есть у меня и скрипт для вывода курса валют, может чуть позже в посте расскажу про него

  5. [m.k] пишет:

    7 марта 2010 в 15:32

    Интересная штука! Сегодня тоже сделал себе новые иконки RSS и Твиттера с количеством читателей и фолловеров снизу.

  6. Administrator пишет:

    10 марта 2010 в 20:55

    Alex Pro, картинки обработал, думаю теперь посимпатичнее смотрится.

  7. Iren пишет:

    6 мая 2010 в 01:54

    Ура, заработало!)) Другими способами не могла сделать, спасибо!

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