Оформление стилей даты в Blogger : Как добавить стили к заголовку даты

Как изменить стили заголовка даты публикации в Blogger

В этой статье я расскажу вам, как изменить стили заголовка даты в вашем блоге на Blogger/Blogspot. Для этого нужно добавить код  в стили заголовка даты в Blogger с помощью  свойств CSS.

Настройка стилей для заголовка даты Blogge/Blogspot

Добавляем фон к заголовку

• Перейдите в раздел «Тема» > «Настроить» > «Изменить HTML» на панели инструментов Blogger и создайте резервную копию существующего шаблона, прежде чем вносить какие-либо изменения! Нажмите клавиши «Ctrl+F» для поиска кода
• УДАЛИТЕ ЭТОТ КОД (в зависимости от темы Watermark или Picture Window) и добавьте другой фрагмент< <h2.date-header {font: $(date.font); color: $(date.text.color);}> или <.date-header> (Темы 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>

Статья из Рубрики Настройка-blogger
Показать все сообщения из рубрики Настройка-blogger

Автор статьи: Aviator - воскресенье, 7 июля 2024 г.