пятница, 23 ноября 2012 г.

Виджет последних комментариев с аватарами

Недавно я нашла чудесный гаджет для блоггера - Виджет последних комментариев с аватарами здесь. Этот виджет, в отличии от аналогичных, отображает не только комментарии, но ещё и аватары участников дискуссии. Кроме того, в отличии от других подобных виджетов, информация в нем обновляется сразу после поступления нового коммента.
Вот готовый скрипт, который настроен по моему вкусу; образец того, как это выглядит, можно посмотреть внизу моей странички:




<style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-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;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 15,
 showAvatar  = true,
 avatarSize  = 60,
 roundAvatar = true,
 characters  = 140,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script src="http://bloggerndch.googlecode.com/files/w2b-recent-comments-w-gravatar.js.txt" type="text/javascript">
</script>
<script src="http://tea-with-victoria.blogspot.com/feeds/comments/default?alt=json&amp;callback=w2b_recent_comments&amp;max-results=15" type="text/javascript">
</script>

Настройка:

  1. numComments = 15 //число одновременно выводимых комментариев на странице, ограничивается указанным в rss ленте числом записей (см. ниже)
  2. showAvatar = true //показывать аватар
  3. avatarSize = 60 //размер (ширина x высота) аватара
  4. roundAvatar = true //закруглить аваар
  5. characters = 140 //максимальное число знаков в одном комментарии
  6. defaultAvatar //ссылка на аватар по умолчанию
  7. hideCredits //убрать ссылку разработчика
  8. http://tea-with-victoria.blogspot.com/feeds/comments/default?alt=json&;amp;callback=w2b_recent_comments&max-results=15 //вместо моего доменного имени подставить своё, в max-results= указать число выводимых комментариев (см. пункт 1)
Установка.
Весь код в готовом виде (с исправленными опциями) можно поместить в html гаджет Blogger'а.

24 комментария :

  1. как полезно!!! Я уже пару раз пыталась такую штуку установить, но все как-то коряво получалось((

    ОтветитьУдалить
    Ответы
    1. вижу у тебя, что красиво)))
      а вот себе чего-то не получается(( доооолго думает, потом ошибку выдает((
      чуть позже еще попробую)

      Удалить
  2. а ты случайно не знаешь как установить топ комметаторов? там, где считает кол-во комментариев от каждого пользователя (выбираешь сколько хочешь считать - топ-5 или 10 и оно считает...?

    ОтветитьУдалить
    Ответы
    1. http://na-okraine.blogspot.com/2011/09/bloggerbestcommentators.html здесь описано, но я не пробовала пока что установить

      Удалить
    2. http://www.blogger.webaholic.co.in/2011/07/top-commentators-widget-for-blogger.html вот еще ссылочка

      Удалить
  3. Спасибо большое! только что установила - красота такая!!

    ОтветитьУдалить
    Ответы
    1. Не за что! Мне тоже этот виджет очень нравится

      Удалить
  4. Круто!!!! У меня был и слетел! И сколько не пыталась новый сделать, ничего не получалось! Спасибо, все получилось! С первого раза! Супер!!! Муж будет довольный! Это я для него, ему с работы так удобно читать мои новые комментарии)))

    ОтветитьУдалить
    Ответы
    1. Рада, что помогло) У меня тоже он слетал, потом нашла в инете, как подправить

      Удалить
    2. я себе немного переделала, убрала свои комментарии, только от читателей)))

      Удалить
    3. добавила настройки, где ник свой вставляешь, и тебя не видно :))) если нужно, тогда сброшу тебе

      Удалить
    4. Классно! сбрось тогда в вк, если не сложно)

      Удалить
    5. http://agrum-olga.blogspot.com/2013/09/blog-post_28.html

      Удалить
  5. Я как раз только заметила себя в правой колонке, листала, не замечала, потом увидела, думаю, ой сколько себя наотмечала, прям стыдно стало, что столько меня )) Потом подумала - хорошая штука, и как раз наткнулась. Спасибо, тоже попробую.

    ОтветитьУдалить
  6. Ответы
    1. Проверьте еще разок код, лишний пробел или нехватка одного знака уже сделают код нерабочим. и не забудьте заменить указанные данные на свои) должно всё работать)

      Удалить
  7. я чуть чуть не в тему..
    скажите пожалуйста, как сделать в блоге после сообщения "Вам так же может понравиться" и ссылочки на другие сообщения?

    ОтветитьУдалить
  8. Долго мучилась... но почему же не работает... оказывается нужно отключить коменты гугл+... иии вуаля все заработало!!! Викуличка Солнышко давно искала этот гаджет как говорится: Бью челом))) жалко только коментов совсем у меня не осталось... буду новых ждать)) еще раз спасибо...

    ОтветитьУдалить
    Ответы
    1. Вика, да не за что :) да, с гугл+ коментами он не работает. думаю, там другой принцип работы, на них вообще не возможно подписаться по рсс вроде.

      Удалить

Спасибо за комментарий!
Thank you for your comment!

LinkWithin

Related Posts Plugin for WordPress, Blogger...