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

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

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

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

Аватар для анонимного комментатора

Если вам понравилось, и вы решились на доработку своего шаблона, то откройте редактор шаблона (Дизайн->Изменить HTML) и под строкой "/* Comments" и вставьте следующий код:
/* Comments
----------------------------------------------- */
.avatar-image-container {
  background: url("https://lh4.googleusercontent.com/-89_0zLbxxSI/TmCsszik0xI/AAAAAAAAAPA/YGjARPZ5nNk/anonymous-avatar.gif") no-repeat;
  border: none !important;
}

#comments-block .avatar-image-container.avatar-stock img {
  padding: 23px 25px 0 0;
  width: 12px;
  height: 12px;
}
Разумеется, картинку-заглушку в четвертой строке вы можете заменить на свою. Только не забудьте вписаться в размер 35х35 пикселей :-)

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

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

  1. Строки /* posts нету. либо это у меня шаблон кривой либо руки

    ОтветитьУдалить
    Ответы
    1. Весьма странно, но не смертельно. Добавьте нужный Вам код перед этой строкой: "]]></b:skin>". Она-то уж у Вас, надеюсь, есть? :)

      Удалить

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

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