Меняем аватар анонимным комментаторам

Anonimous avatarВ комментариях на платформе Blogger (Blogspot), имеющих иерархический формат публикации, для анонимного пользователя разработчики Blogger (Blogspot) предопределили картинку аватара. Но что, если она вам не нравится? Что, если она не вписывается в интерфейс, или вам просто хочется видеть для анонима другую картинку в качестве "заглушки"?

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

Не буду ходить вокруг да около - сразу к делу. Если вы решились на доработку своего шаблона, то откройте редактор шаблона (Дизайн->Изменить HTML) и перед закрывающим тэгом </head> вставьте следующую строку:
<script src='http://code.jquery.com/jquery.min.js' type='text/javascript'/>
</head>
* Если перед тэгом </head> уже имеется ссылка на скрипт jquery.min.js, то дублировать ее не стоит. Достаточно одного указания на библиотеку jQuery.

Идем дальше... Добавляем перед закрывающим тэгом </body> следующий код:
<script type="text/javascript">
  if(document.getElementsByClassName == undefined) {
    var anons = $('#comments').find('.avatar-image-container')
  } else {
    var anons = document.getElementById('comments').getElementsByClassName('avatar-image-container')
  }
  for (key in anons) {
    var anon = anons[key]
    if (anon.innerHTML) {
      anon.innerHTML = anon.innerHTML.replace(/\/\/resources.blogblog.com\/img\/blank.gif/g, 'https://lh6.googleusercontent.com/-sYSp9fSn-ZI/Tz66zt0V3sI/AAAAAAAAAec/eEVaABAmgL4/s36/anonymous-avatar.gif')
    }
  }
</script>
</body>
Обратите внимание на строку под номером 10 (она подсвечена). В ней имеются две ссылки на две картинки. Первая (с "лишними" слэшами) на стандартный аватар-заглушку - ее не трогаем. Вторая ссылка на ту картинку, которой вы хотите заменить оригинал - ее можете смело менять. Единственное, учтите, когда будете разрабатывать свой аватар-заглушку, что размер картинки должен быть 36px*36px.

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

Комментариев: 32

  1. Здравствуйте, Титмофей! А когда вы что-нибудь новенькое и интересненькое для нас придумаете? Например, счетчик количества просмотров статьи. Думаю, многим это будет интересно, в блоггере такого еще ни у кого нет, насколько я знаю...

    ОтветитьУдалить
    Ответы
    1. Это довольно сложно воплотить. Нужно знать соответствующие переменные. А я, увы, не знаю, какие из них за это отвечают и существуют ли они вообще.

      А что-нибудь новенькое я публикую примерно раз в неделю :-)

      Удалить
  2. А я себе вчера поставила маленький счетчик
    [img]http://s60.radikal.ru/i168/1204/39/2a9a87c850bc.jpg[/img]
    Если вам интересно будет посмотреть на код, то я вам дам ссылку

    ОтветитьУдалить
    Ответы
    1. Счетчик просмотров страницы? Да, за это буду признателен.

      Удалить
  3. Вот http://blogger.com.md/widgets/143-count-view.html

    ОтветитьУдалить
  4. Расскажите пожалуйста, как сделать систему комментариев подобно вашей (иерархический тип + внешний облик) и как сделать внизу главной страницы переходы под номерами страниц, а не "вперед", "назад"?

    ОтветитьУдалить
    Ответы
    1. Это все материал для будущих статей. Как появится время, я обо всем этом напишу :-)

      Удалить
    2. жду с нетерпением :3

      Удалить
  5. спасибо огромное!
    страшно представить сколько пришлось перелопатить сайтов и блогов в поисках нужной информации :wall:
    впервые вижу разрешение многих проблем, которые казалось за пределами возможного в блоге. И рад бы сказать, что с некоторыми "мелочами" можно мириться, но восторг от того, что вы многим помогли мне, не описать словами. Видимо для того, кто любит свой блог мелочей не бывает, переживаешь за все.
    Еще раз спасибо)

    ОтветитьУдалить
    Ответы
    1. Спасибо огромное за такой отзыв! Очень воодушевляет на написание новых статей :thanks:

      Удалить
    2. да, пожалуйста, не останавливайтесь! В сети много статей посвященных обустройству сайтов. Если кто-то остановил свой взгляд на блоггере значит на то есть причины))
      Я далеко не программист, даже рядом не стою. У меня свои интересы, хобби, работа, семья. Совершенно нет времени углубляться в то, на что некоторые тратят несколько лет жизни, выбрав определенное направление обучения связанное с последующей деятельностью. Как творческому человеку мне это и не интересно. Как ни странно, мне часто приходится помогать своим знакомым создать свой блог и хотя бы по минимуму настроить его (битый битого везет)).
      Иногда продвинутые дяденьки пишут свои статьи рассчитывая уж и не знаю на кого.
      Перед красивыми кодами так подробно расписано: " Подключить jquery.min.js библиотеку и pirobox.js:...", "Настроить и запустить скрипт:...", "Добавить такую HTML структуру:...". А что и куда и после чего добавлять не понятно тому, кто имеет отдаленное представление, что такое скрипты, библиотеки и тд. И начинается беготня по сайтам и нудное копание в куче информации от которой мозг начинает закипать %0 . Азы определенно нужны, но так хочется, взять код, вставить перед или после нужного слова в шаблоне, найденного с помощью ctrl + f, и любоваться приятной красивостью в своем блоге :-D
      У вас все понятно и доступно описано и главное работает!

      п.с. К сожалению, не все пишут комментарии..но думаю, что многие вам благодарны. Возможно я бы тоже не решилась написать, но увидев дату последней публикации очень огорчилась, что вы больше не поделитесь своими знаниями.
      Подписалась на ваши обновления..буду ждать новых статей.
      Успехов вам, вдохновения и больше благодарных пользователей (а мы благодарны...просто иногда немного ленивы ;-) )

      Удалить
  6. У меня вопрос как сделать регистрацию в блоге на блоггер.

    ОтветитьУдалить
    Ответы
    1. Никак. Для реализации такой возможности необходима поддержка PHP или Perl, которая в Blogger отсутствует.

      Если регистрация так необходима, то лучше перенести свой блог с платформы Blogger на Wordpress. Там это возможно.

      Удалить
  7. Здравствуйте! Как убрать возможность анонимного комментирования, то есть, сделать так, чтобы хотя бы имя вводить? Имеется в виду не отключение этой возможности в настройках, а именно правка шаблона. Ответьте, пожалуйста!

    ОтветитьУдалить
    Ответы
    1. Никак. Форма ответа комментариев не является частью шаблона. Это отдельная страница, недоступная для внесения изменений, подключаемая к блогу при помощи тэга iframe.

      Удалить
  8. а как сделать вот такое выделение цитат в посте, как у вас в блоге?!

    ОтветитьУдалить
  9. Ответы
    1. Не обращайте внимания, шучу я так, просто пост за 12-й год, а до сих пор актуальный — всё просто и понятно.

      Удалить
  10. Работало-работало, а сегодня случайно зашёл — посмотрел, всё пропало, да и у вас смотрю анонимные гости тоже без аватарок остались. Наверно, срок годности кончился... :~(

    ОтветитьУдалить
    Ответы
    1. Всё течет, всё меняется. И шаблоны Blogger не являются исключением. В данном случае изменился путь, откуда берется стандартная заглушка аватара анонимного комментатора. Чтобы все вновь заработало, оказалось достаточно в скрипте поменять "img1" на "resources".

      Удалить
  11. Спасибо вам, добрый человек, и правда всё вновь заработало, а то я уже взгрустнул над очередной перспективой перелопатить тонны информации, в которой разбираюсь поверхностно. За быстрый ответ — отдельное спасибо. :-)

    ОтветитьУдалить
  12. Здравствуйте. Как вы и заметили год назад — всё течёт, всё меняется, и опять новое обновление все настройки в комментариях изменило под себя. Просто когда-то заменил статус анонимным гостям на слово "Гость" и поставил свою аватарку, как указанно в вашей статье и комментариях, и это работало у всех анонимных пользователей.
    Но после последнего обновления появились некоторые комментарии со статусом "Unknown" и стандартной блоггеровской аватаркой. Что это и как с этим бороться, так и не понял.
    Посмотрел у вас комментарии — тоже самое, не посмотрите, что это за ерунда, если, конечно время есть.

    ОтветитьУдалить
    Ответы
    1. А комментаторы со статусом Unknown не со второй страницы комментов? То есть с тех комментов, которые видны после нажатия "Eще"?

      Удалить
  13. Да нет, сразу первым комментарием идёт, у вас в этой ветке комментариев, выше, тоже один пользователь такой есть.
    До обновления на все анонимные комментарии ставилась заплатка "Гость" и аватарка, которую установил. А сейчас, те который пишутся "анонимно" или через "Имя/URL" с ними разобрался, там всё в порядке стало и с именем, и с иконкой, а вот с этим никак.

    ОтветитьУдалить
    Ответы
    1. Подождем немного. Сейчас с движком что-то активно химичат. Не далее как позавчера я не мог перейти к редактированию статьи - выбрасывало на список всех статей. Сегодня уже этой проблемы нет. Авось и здесь баги подлатают.

      Хотя, возможно, юзер либо заблокирован, либо полностью скрыл инфу о себе в профиле.

      Удалить
  14. Да я, в принципе, с вами согласен — некритично, тем более, как я заметил, "Unknown" со стандартной иконкой, только у тех, кто сидит на Blogger, у остальных анонимов всё в порядке. Наверно, так и есть, как вы пишите, про скрытую инфу в профиле, просто хотелось бы, чтобы они также отображались, как предпочитает автор блога, а не Blogger. Ну как уже сказал, вообще некритично.
    Кстати, про новое обновление редактора Blogger, почитал других пользователей — все в ужасе. Надеюсь до ума доведут, я, пока есть возможность, на старый дизайн перешёл.
    Спасибо, за ответы и потраченное время.

    ОтветитьУдалить
    Ответы
    1. Кстати, чего-то я туплю... Этот скрипт и не должен что-то менять у авторизованных пользователей. А уж пользователя Blogger, пусть и со скрытым имененм точно нельзя считать неавторизованным.

      Удалить
  15. Ну не знаю, конечно, если пользователь Blogger установил себе аватарку, то, безусловно, всегда подтягивается она, а если он проигнорировал это, то Blogger ставит свою стандартную картинку. Вот её-то, вроде всегда можно было поменять.
    Да и ладно, честно говоря, проблема пустяковая, мне уже и так нравится. :-)

    ОтветитьУдалить

Хотите подписать свой комментарий, но у вас нет аккаунта? Выберите в выпадающем списке Имя/URL.
Вы сможете вписать свои имя или ник. Поле для указания URL можно оставить пустым.

Тэги, допустимые в комментариях