Онлайн-генератор веб-цветов
Онлайн-подбор оптимальных веб-цветов для сайта
Онлайн-редактор HTML
Цветовой онлайн-калькулятор
Онлайн-калькулятор
Онлайн-рисовалка PencilMadness
  • Web
  • Images
  • News
  • Videos
  среда, февраля 01, 2012  

Оригинальные счетчики RSS и Twitter с обновляемой статистикой
На сегодняшний день счетчики RSS (Фида) и Twitter являются важной частью блога и неотъемлемым элементом дизайна. Они предоставляют возможность немедленно подписаться на все обновления ресурса и следить за его новостными изменениями из большинства доступных сервисов. Ко всему они предоставляют наглядную статистику подписчиков блога.

Однако при всем разнообразии обычных счетчиков, предлагаемых непосредственно сервисами Twitter и FeedBurner, к которому у подавляющего большинства привязана RSS-лента ресурса, этот элемент дизайна у многих блогов довольно стандартен и однообразен. Посему озаботимся созданием собственных несложных счетчиков, в которых будут присутствовать показатели подписчиков и активные ссылки для подписки на указанные сервисы. Тем паче виджет довольно прост в создании, а хэнд мэйд нынче в моде.

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

Наш будущий виджет счетчиков может выглядеть так:

Оригинальные счетчики RSS и Twitter с обновляемой статистикой

Действующий пример возможно увидеть в правом верхнем углу тестового блога.

Установка виджета счетчиков Twitter и RSS.
Одним из замечательных свойств данного виджета является то, что показатели ваших последователей в Twitter будут автоматически обновляться, отображая значение в реальном времени. Однако сразу оговорюсь, что по отношению к показателям RSS-подписчиков такого эффекта достигнуть не удастся, потому статистику вам придется обновлять каждый раз вручную.
Для обновляемого значения количества последователей Twitter мы воспользуемся маленьким, но чрезвычайно полезным в нашем начинании скрипте, который предоставляет распространенный сервис TwitterCounter ко своим стандартным счетчикам статистики Twitter.

Вот этот кусок кода:
<script language="javascript" src="http://twittercounter.com/widget/index.php?username=ваш_ник_в_twitter" type="text/javascript">
</script>
Этот скрипт отображает в реальном времени текущее состояние количества ваших фолловеров в Twitter'е. И ничего более. Аскетично, но зато какой простор для фантазии. С его помощью можно оформить собственный, оригинальный счетчик с автоматически обновляемыми данными в виде оригинальной иконки или симпатичного блока с приглашением стать читателем вашей ленты в Twitter.

Для того, чтобы скрипт оказался работоспособным, необходимо обратить внимание все того же сервиса TwitterCounter на вас и вашу деятельность в Twitter'е, а именно зарегистрироваться в нем. Процесс регистрации весьма прост, достаточно авторизироваться на ресурсе с помощью аккаунта Twitter. Больше ничего нам от этого сервиса не потребуется. При желании можно взглянуть на предложенные счетчики статистики фолловеров, однако они настолько унылы и заезжены, что лично меня абсолютно не впечатляют.

После регистрации остается только вписать ваш ник в указанный выше скрипт, вместо участка ваш_ник_в_twitter и прикрутить это числовое значение к выбранной иконке или оформить стилями CSS. А в дальнейшем и объединить со статистикой подписчиков RSS, дабы создать цельный виджет обоих счетчиков.

Как упоминал я выше, найти подходящий скрипт с обновляемой текстовой статистикой читателей RSS-ленты для установки непосредственно в Blogger мне не удалось. В отличие от возможностей той же CMS Wordpress, к которой существует несколько подобных плагинов текстовой информации, к платформе Blogger их нет. Может плохо искал. Хотя нет, вполне добросовестно, однако такие скрипты обычно основаны на PHP, что абсолютно не вяжется с единоличным XML Blogger.

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

Дальше приведу код этого простенького, но креативного виджета счетчиков RSS и Twitter. Вам потребуется только, как упоминалось ранее, прописать в скрипте ваш ник из Twitter, указать ссылки к загруженным иконкам и тут же разместить ссылки непосредственно к сервисам подписки фида и Twitter для того, чтобы у читателей блога присутствовала возможность подписаться на эти каналы.

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

Код виджета счетчиков RSS и Twitter:
<div class="counter"><div style="float: left;">
<a href="ссылка_на_ваш_аккаунт_Twitter" rel="nofollow" target="_blank"><img border="0" height="50" title="Подписаться на Twitter" src="ссылка_на_изображение_иконки_Twitter" width="50" /></a></div>
<div style="float: left;">
<span class="Apple-style-span" style="color: #b63a3c; font-size: large;"><script language="javascript" src="http://twittercounter.com/widget/index.php?username=ваш_ник_Twitter" type="text/javascript">
</script></span></div>
<div style="margin-left:80px;float: left;">
<a href="ссылка_на_ваш_канал_feed" rel="nofollow" target="_blank"><img border="0" height="50" src="ссылка_на_изображение_иконки_RSS" width="50" title="Подписаться на RSS" /></a></div>
<div style="float: left;">
<span class="Apple-style-span" style="color: #b63a3c; font-size: large;">0</span></div></div>
Некоторые дополнительные определения кода:
width="50"height="50" - ширина и высота иконки, устанавливайте подходящий вам размер;
title="" - всплывающая подсказка с призывом подписаться на обновления блога;
style="color: #b63a3c; font-size: large;" - стиль оформления текста - размер и цвет, для удобства используйте онлайн-генератор подбора цвета;
0 - в данном случае является значением ваших подписчиков фида, обновляется вручную.
Данный виджет в блоге следует разместить с помощью элемента HTML/JavaScript.

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

Скачать архив уникальных иконок



Понравилась статья? Поделись ею с друзьями!

Не забудь подписаться на обновления блога:


Вы можете оставить свой отзыв через блок комментариев Вконтакте. При отсутствии профиля в этой социальной сети, воспользуйтесь удобной формой Disqus ниже.