Если хотите посмотреть как это выглядит, посмотрите на оформление даты этого сообщения.
Если понравилось, переходим к процессу установки в блог. Делается это просто и быстро. Идем в Шаблон - Изменить HTML, находим, с помощью сочетания клавиш Ctrl+F, строчку ]]></b:skin> и прямо перед ней устанавливаем код:
.date-header {Прежде чем сохранить сделанные изменения, не забывайте посмотреть как они будут выглядеть. Для этого нажмите Просмотреть шаблон и только после этого, если все устраивает, Сохранить шаблон.
background: transparent url(https://1.bp.blogspot.com/-iZrEYopfsuo/VC8s8GCGuhI/AAAAAAAAE0c/ZA8gxCMX1g4/s20/calendar-ico.png%3C/span>) no-repeat scroll left center;
padding: 4px 0 4px 30px;
margin: 5px 0 10px 0;
}
Кроме того, можете картинку заменить на любую другую. Для этого измените ссылку на картинку, выделенную цветом, на свою. Учтите, что высота картинки должна быть не более 20 px. Как работать с картинками читайте здесь: Работа с изображениями в Blogger.
6 комментариев
Спасибо за статью и, вообще, за такой полезный блог. Сегодня весь день улучшаю свой блог, используя ваши советы. Еще раз спасибо.
Пожалуйста, Кира, желаю успехов в освоении!
ничего из выше представленного не получается
Anastasia, что именно у вас не получается?
На Вашей картинке (в коде) всегда на календаре цифра 1. Изображение придется менять на свое.
Ну извините, что не угодила? :-)
Отправить комментарий