Как поменять иконку анонимного комментатора.

Всем доброго времени суток. Сегодня затрону тему комментарии блога. А именно, поговорим об аваторе анонима. Вы  конечно же обращали внимание, что в комментариях блога на месте анонимного комментатора отображается просто вот такой серый квадратик.

Есть несколько способов, как заменить это на другую иконку. И хочу  сегодня вам предложить самый простой. А именно, как с помощью CSS сделать свой аватор анонимного комментатора. 



Чтобы реализовать это у себя в блоге, пойдём во вкладку шаблон-изменить HTML. Расскрываем полностью все CSS коды шаблона. Поясняю для новичков. Где-то в самом начале шаблона нужно найти вот такую строку  <b:skin>...</b:skin>  и нажать на чёрный маркер слева. Далее прокручиваем вниз и находим такой участок кода

/* Comments

----------------------------------------------- */

.comments .comments-content .icon.blog-author {

  background-repeat: no-repeat;

  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);

}

Сразу под ним нужно установить вот этот код.

.comments .avatar-image-container img[src="http://img1.blogblog.com/img/anon36.png"] { content: url( http://s019.radikal.ru/i644/1504/53/5135d81ee1af.png); }

Дело в том, что если нажать картинку аватора анонима и копировать URL, то адрес будет выглядеть таким образом http://img1.blogblog.com/img/anon36.png.

Сохраните шаблон. В итоге вместо серого окошка получаем примерно такое.

То что выделено в коде синим цветом, это адрес нового изображения. Можете поменять на свою иконку анонимного пользователя. Если хотите воспользуйтесь вот этими вариантами. Адреса под каждой картинкой.

http://s018.radikal.ru/i510/1504/a1/ad730759887e.png

http://s56.radikal.ru/i151/1504/f1/64086b0fc745.gif

http://s020.radikal.ru/i720/1504/7c/5315532ae450.png

http://s017.radikal.ru/i420/1504/78/1b4d45aa5d7a.png

Вот так просто у нас в комментариях буде красоваться аноним. Признаюсь, что сама не очень люблю таких комментаторов и не всегда  отвечаю им. Но бывают случае когда понятно, что человек просто не смог воспользоваться предложенными Блоггер вариантами отображения имени.

На этом сегодня заканчиваю. Спасибо, что читаете мои шпаргалки. До новых встреч.

здесь можно оформить подписку на новые шпаргалки

Введите Ваш email