суббота, 10 ноября 2012 г.

Стань первым в топе!

   Добрый вечер, дорогие читатели и писатели!
Сегодня я добавил в свой блог один очень интересный скрипт, называется он "Топ комментаторов". Его задача отображать на всех страницах моего блога самых активных комментаторов.

   Прекрасный скрипт, со своей работой справляется на отлично! Он выводит на всех страницах аватар пользователя, его ник, ссылку на профиль и общее количество комментов. Чем активнее пользователь, тем более высокое место он занимает в рейтинге лучшей шестёрки. Он очень легко настраивается, можно менять не только число пользователей в блоке, но и внешний вид виджета.

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


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

   Думаю, что мой вариант кода подойдёт для любого шаблона, но возможно я ошибаюсь, особо тестить времени просто нет... Буду очень рад всем вашим наблюдениям и замечаниям!

   Моя версия виджета.  Идём в дизайн блога и в нужном месте нажимаем "Добавить гаджет", затем выбираем тип "HTML/JavaScript", пишем название блока, например "Топ комментаторов" как у меня, в поле "Содержание" вставляем этот код:

<style type="text/css">.top-commenter-line,.top-commenter-line a, .top-commenter-line .profile-name-link a{font-family:, arial, sans-serif;color: DBAA00; text-decoration: none;font-size: 14px;}.top-commenter-line:hover,.top-commenter-line a:hover, .top-commenter-line .profile-name-link a:hover{color: DBAA00; text-shadow: 0px 1px 1px #000000;font-size: 14px; text-decoration: none;}.top-commenter-line {margin: 3px 0;}.top-commenter-line .profile-name-link {padding-left:0;}.top-commenter-avatar {vertical-align:middle;}ul.top-commenter {list-style:none;margin:0;padding:0;}.top-commenter li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}.top-commenter li.top-commenter-avatar{ padding:3px;background:1C1C1C;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}.top-commenter-avatar{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;border:solid 2px 1C1C1C;}.top-commenter li img{padding:0px;position:relative;overflow:hidden;display:block;}.top-commenter li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}</style><script type="text/javascript">       var maxTopCommenters  = 6;       var sizeAvatar        = 60;       var urlAnoAvatar      = 'http://www.gravatar.com/avatar/?d=mm&s=' + sizeAvatar;</script><script type="text/javascript" src="https://making-different.googlecode.com/svn/trunk/[www.gj37765.blogspot.com]top-commenters.js.js"></script><script type="text/javascript" src="http://paranoidoff.blogspot.com//feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></script><script type="text/javascript">document.write;</script>
Красным выделен адрес моего блога, замените его на свой.
Синим выделено количество комментаторов в блоке, тоже можете изменить.
Зелёным - размер аватара, всё в ваших руках.

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

Спасибо за внимание, до скорого!


ОБНОВЛЕНИЕ 19. 11 12 : В настоящее время хостинг скриптов от Google  испытывает некоторые проблемы. Именно из-за этого виджет "Топ комментаторов" в настоящее время не работает. С этого блога я его удаляю, в тестовом всё остаётся на месте. Надеюсь, что скоро всё нормализуется...



 



Если вам понравился материал, расскажите о нем друзьям:


12 комментариев:

  1. Хороший скрипт, сразу видно кому первее отвечать =)

    ОтветитьУдалить
    Ответы
    1. Спасибо! Конечно на первом месте всегда буду я, не могу бросить своих читателей и всегда им отвечаю. :-) Именно поэтому указал скрипту цифру 6, на первом месте я и ещё пятерка самых активных... )))

      Удалить
    2. Ну тогда за сотрудничество!!!

      Удалить
  2. Хочу сотрудничать, а Вы в отказку:-) Вчера здесь было мое сообщение...куда оно исчезло?

    ОтветитьУдалить
    Ответы
    1. Прошу прощения! Полночи ставил эксперименты над "Топом". Несколько комментов удалил проверяя его работу. Больше такого не повторится! :))

      Удалить
    2. Этот комментарий был удален администратором блога.

      Удалить
    3. У меня стоял скрипт для защиты от копирования, видимо в нём всё дело... Комментарии со ссылками будут безжалостно удаляться!

      Удалить
    4. ОК! Принимаю Ваши условия:-)

      Удалить
  3. Поставил в сайтбар этот скрипт - ничего не отображается. Поставил код ваших топ-комментов - все ОК.
    Вопрос:
    1. Нужен первый коммент, чтобы заработал скрипт, старые не отображаются?
    2. У меня на блоге установлен Disqus. Может быть в нем причина?

    Спасибо.
    Удачи!

    ОтветитьУдалить
    Ответы
    1. Без разницы, все комментарии идут по каналу с таким адресом: http://paranoidoff.blogspot.com/feeds/comments/default
      Disqus здесь не виноват.

      Удалить
  4. В FireFox и в Chrome на вашем сайте топ комментаторов у меня на работает. Только название виджета и все.

    ОтветитьУдалить
    Ответы
    1. Он сейчас не работает в любом браузере. Дело в том, что авторы скриптов обычно хранят JS файлы на хостинге GOOGLE, а там сейчас некоторые проблемы с этим, будем надеяться, что временные...

      Удалить