Добавляем аватар анонимным комментаторам

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

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

Для начала, я думаю, вам стоит ознакомиться с тем, что именно я вам предлагаю. Перед вами картинка, наглядно иллюстрирующая то, что вы имеете сейчас, и то, что получите в результате небольшой модификации шаблона:

Если вам понравилось, и вы решились на доработку своего шаблона, то откройте редактор шаблона (Дизайн->Изменить HTML) и под строкой "/* Comments" и вставьте следующий код:

/* Comments
----------------------------------------------- */
.avatar-image-container {
  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4DQtQZw0op6yCJvsbs_pplyrcXKm91jnn1UQIuADekJXiNoCJSNWXjYzL5cR-BRi18EpyoILAuXGJ_18E-LvTFWHxaFv1TrNZdKnNMK-GGE1WddQklbQuwFN18k8F0RjbNiL-KO0vrH8/") no-repeat;
  border: none !important;
}

#comments-block .avatar-image-container.avatar-stock img {
  padding: 23px 25px 0 0;
  width: 12px;
  height: 12px;
}

Разумеется, картинку-заглушку в четвертой строке вы можете заменить на свою. Только не забудьте вписаться в размер 35х35 пикселей :-)

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