Однако при всем разнообразии обычных счетчиков, предлагаемых непосредственно сервисами Twitter и FeedBurner, к которому у подавляющего большинства привязана RSS-лента ресурса, этот элемент дизайна у многих блогов довольно стандартен и однообразен. Посему озаботимся созданием собственных несложных счетчиков, в которых будут присутствовать показатели подписчиков и активные ссылки для подписки на указанные сервисы. Тем паче виджет довольно прост в создании, а хэнд мэйд нынче в моде.
Ко всему, вы сможете самостоятельно подобрать наглядные ярлыки описываемых сервисов к показателям счетчиков, выбрав их из архива оригинальных иконок, который я выложил в конце поста.
Наш будущий виджет счетчиков может выглядеть так:
Действующий пример возможно увидеть в правом верхнем углу тестового блога.
Установка виджета счетчиков Twitter и RSS.
Вот этот кусок кода:
<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 - в данном случае является значением ваших подписчиков фида, обновляется вручную.
Ну и в завершение специально для читателей блога выкладываю небольшой архив из уникальных парных иконок RSS и Twitter, с помощью которых вы сможете создать собственный оригинальный дизайн счетчиков.