иконки нумерации комментариев

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

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

.comment-thread ol {
counter-reset: countcomments;
}
.comment-thread li:before {
content: counter(countcomments,decimal);
counter-increment: countcomments;
float: right;
z-index: 2;
position:relative;
font-size: 22px;
color: #555555;
padding-left:10px;
padding-top:3px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0-EL_I6QXg8kcHpY246Jq1lYTbDqiqeO95y_szxf8-1f5P7o7xvy240CrZpkFdLRv6c4TFRA5HDIn3_aPaaIkdZKhfUr0k_XrV087H7bHFydXxW9JxSlSvwQ-IS_FiM4wIJiMj3o_iKZI/s1600/comment+bubble2.png) no-repeat;
margin-top:7px;
margin-left:10px;
width: 50px; /*ширина иконки*/
height: 48px; /*высота*/
}
.comment-thread ol ol {
counter-reset: contrebasse;
}
.comment-thread li li:before {
content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
counter-increment: contrebasse;
float: right;
font-size: 18px;
color: #666666;
}

Синим цветом отмечена строка с адресом картинки - иконки в формате png.
Скопируйте предложенный код. Заходим во вкладку ТЕМА  - изменить HTML. Находим строку ]]></b:skin>  и сразу над ней вставляйте код. Не забудьте сохранить изменения.

Можно сделать нумерацию комментариев как у меня на этом блоге. Вот эта статья.

Желаю всем удачи, терпения и здоровья.

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

Введите Ваш email