![Украшаем Blogger небольшими иконками ярлыков Добавляем иконки-превьюшки к ярлыкам и комментариям](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRpqzq_pji52EjYU3m-gaCxhq_JdrwcjXTOQWsUcrKzI4pOuDB4El5xJY6nhbHY_QxYBLx5EpvOlMvXlp0ZPAmro23fxluuHPzGcLaOhlaO3daK9gcE8AUr8BGe83w2Fl9YGCWhv5yj3W-/s300/0_5d1a1_3bc68979_XL.jpg)
Многие из вас, быть может, встречали в постах некоторых блогов возле количества комментариев и упоминания автора наличие неких симпатичных иконок, соответствующих каждому из этих наименований.
Как сотворить у себя в блоге что-то подобное я и расскажу дальше.
Как правило, данный трюк "прокатывает" на стандартных шаблонах, потому как в остальных все привносимые в шаблон определения будут, по сути, отличаться от уже прописанных и не работать. Соответственно, все весьма индивидуально...
Пример того, что у нас может получиться:
![Пример отображения иконок у ярлыков и комментариев в посте](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUdB8mPlnvtUW3VOkgkM4C3EvvQrtW7mLrQTCaj1YwGJHXsp5-zgjQjGtfaOW6qsE3esM30tSrv1XOan_UT30Fuc0CSoOTuN7LDNtL6YRjirBFhizMxPn3HOY35heaaomkQIuqEwY4SZlX/s1600/%D0%A2%D0%B5%D1%81%D1%82%D0%BE%D1%81%D1%82%D0%B5%D1%80%D0%BE%D0%BD+.png)
Проследуйте Шаблон > Изменить HTML. В поле редактирования шаблона с помощью поиска найдите строку ]]></b:skin> и прямо перед ней расположите следующий код стилей:
.post-author{ background:transparent url(http://home.kpn.nl/oosti468/images/calendar_month.png) no-repeat scroll left center; padding:2px 0px 2px 20px; } .post-labels { background:transparent url(http://home.kpn.nl/oosti468/images/box.png) no-repeat scroll left center; padding:2px 0px 2px 20px; } .post-comment-link { background:transparent url(http://home.kpn.nl/oosti468/images/balloon.png) no-repeat scroll left center; margin-right:10px; padding:2px 0px 2px 20px; }Сохраните шаблон и полюбуйтесь на творение рук своих.
В принципе, код полностью настроен и готов к употреблению, однако при желании удовлетворить свое дизайнерское эго, можете заменить ссылки иконок на собственные.
.post-author{} - иконка располагается возле ника автора;
.post-labels {} - иконка располагается возле названия ярлыка у сообщения;
.post-comment-link {} - иконка располагается возле наименования количества комментариев.