Как изменить стили заголовка даты публикации в Blogger
В этой статье я расскажу вам, как изменить стили заголовка даты в вашем блоге
на Blogger/Blogspot. Для этого нужно добавить код в стили заголовка даты
в Blogger с помощью свойств CSS...
Настройка стилей для заголовка даты Blogge/Blogspot
Добавляем фон к заголовку
- Перейдите в раздел «Тема»> «Настроить»> «Изменить HTML» на панели инструментов Blogger и создайте резервную копию существующего шаблона, прежде чем вносить какие-либо изменения!
-
Нажмите клавиши «Ctrl+F» для поиска кода < h2.date-header {font:
$(date.font); color: $(date.text.color);} > или < .date-header
span >
(Темы Watermark и Picture Window соответственно💡) - УДАЛИТЕ ЭТОТ КОД (в зависимости от темы💡) и добавьте другой фрагмент (Перейти по ссылке)
Добавляем иконку Awesome к заголовку
- Для добавления иконки необходимо добавить ссылку в раздел заголовка сайта для того, чтобы подгружались иконки Font Awesome.
- Правим код, для этого нажимаем клавиши «Ctrl+F» для поиска <data:post.dateHeader/>. Он подсветится желтым цветом.
💡На примере ниже уже добавлены и иконка и правки кода! Вставляем код вместо старого!💡
<h2 class='date-header'><span><i class='fa fa-clock' style='font-size:18px;color:red'/><data:post.dateHeader/><data:post.times/></span></h2
Напишите,пожалуйста,отзыв на статью! ✍
Написать отзыв