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

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(/\/\/img1.blogblog.com\/img\/blank.gif/g, 'https://lh6.googleusercontent.com/-sYSp9fSn-ZI/Tz66zt0V3sI/AAAAAAAAAec/eEVaABAmgL4/s36/anonymous-avatar.gif')
    }
  }
</script>
</body>
Обратите внимание на строку под номером 10 (она подсвечена). В ней имеются две ссылки на две картинки. Первая (с "лишними" слэшами) на стандартный аватар-заглушку - ее не трогаем. Вторая ссылка на ту картинку, которой вы хотите заменить оригинал - ее можете смело менять. Единственное, учтите, когда будете разрабатывать свой аватар-заглушку, что размер картинки должен быть 36px*36px.

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

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

  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. а как сделать вот такое выделение цитат в посте, как у вас в блоге?!

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

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

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