Советы, трюки и секреты для Blogger.com блоггеров. Все для Blogspot. Советы, трюки и секреты для Blogger.com блоггеров. Все для Blogspot.

Blogger кнопки с количеством Readers и Followers

07 августа 2010, 03:21

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

Скачать необходимые файлы для установки можно на сайте разработчиков здесь

 
Установка
Разместить файлы плагина на хостинге, который Вы используете для хранения файлов для Вашего Blogger-блога, например на FileAve.
 
Вставить следующий код в секцию header XML-шаблона (Панель инструментов->Дизайн->Изменить HTML):

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js'type='text/javascript'/>
<script src='http://YOUR_FILE_HOST/jquery.qtip-1.0.0-rc3.min.js'type='text/javascript'/>
<script type='text/javascript'>
  varscUserOptions={
    position:'right',
    delta:0,
    dgv:'vertical',
    feedBurner:{
      id:'minimus',
      imgUrl:'http://YOUR_FILE_HOST/feedburner.png',
      hint:'Подпишитесь на рассылку сайта <strong><data:blog.title/></strong> для получения последних новостей и изменений сайта!',
      hintImg:'http://YOUR_FILE_HOST/feedburner-hint.png'
    },
    twitter:{
      id:'minimus',
      imgUrl:'http://YOUR_FILE_HOST/twitter.png',
      hint:'Совместно используйте и узнавайте то, что происходит прямо сейчас на сайте <strong><data:blog.title/></strong>!
Присоединяйтесь ко мне на Twitter!',
      hintImg:'http://YOUR_FILE_HOST/twitter-hint.png'
    }
  };
</script>
<script src='http://YOUR_FILE_HOST/excanvas.js'type='text/javascript'/>
<script src='http://YOUR_FILE_HOST/sc.js'type='text/javascript'/>

Не забудьте заменить YOUR_FILE_HOST на Ваш реальный хостинг …

Настройка

Значение пользовательских параметров плагина (scUserOptions):
position – right или left, вывод бейджика справа или слева в окне браузера.
delta – цифровое значение в пикселах. Отрицательное значение – смещение бейджика вверх относительно средней линии экрана браузера, положительное – вниз на заданное количество пиксел.
dgv – направление вектора градиента фона. horizontal – справа налево, vertical – сверху вниз.
color – начальный цвет градиента фона. Шесть шестнадцатиричных цифр (‘#1c82d0′).
colorTo – конечный цвет градиента фона. Шесть шестнадцатиричных цифр (‘#145181′).
borderColor – Цвет полупрозрачной (40%) окантовки бейджика. Шесть шестнадцатиричных цифр (‘#676767′).

FeedBurner:
id – Ваш ID на FeedBurner
imgUrl – URL изображения для области FeedBurner бейджика. 50х50 пиксел, прозрачный фон, PNG. Даже если изображение будет отличаться по размеру, оно будет трансформировано (50х50)
hint – Текст или HTML-текст для подсказки FeedBurner
hintImg – URL изображения для подсказки FeedBurner. 40х40 пиксел, прозрачный фон, PNG.

Twitter:
id – Ваш ID на Twitter
imgUrl – URL изображения для области Twitter бейджика. 50х50 пиксел, прозрачный фон, PNG. Даже если изображение будет отличаться по размеру, оно будет трансформировано (50х50)
hint – Текст или HTML-текст для подсказки Twitter
hintImg – URL изображения для подсказки Twitter. 40х40 пиксел, прозрачный фон, PNG.

Внимание
 
Если Simple Counters не показывает ваших подписчиков(читателей) то вам необходимо включить Awareness API.
 
FeedBurner Awareness API — это открытый интерфейс, который позволяет сторонним приложениям получать информацию о подписчиках фида. Именно благодаря Awareness API все онлайновые сервисы получают информацию о количестве подписчиков Вашего фида.
 
По умолчанию доступ к Awareness API отключён, что не позволяет таким сервисам как Яндекс.Блоги получать точную информацию о количестве Ваших подписчиков.

Включение Awareness API:

  1.  Перейдите на сайт FeedBurner
  2.  В списке Мои фиды выберите фид Вашего блога
  3. Теперь, на панели управление фидом перейдите на вкладку Публикуй
  4. Слева Вы увидите панель СЕРВИСЫ
  5. Перейдите в сервис Awareness API
  6. Разрешить внешний доступ к данным о моем трафике
  7. Нажмите кнопку Активировать
  8. Теперь статистика о Ваших подписчиках открыта для всех. 
Blogger кнопки с количеством Readers и Followers