воскресенье 07 2024

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

Как изменить стили заголовка даты публикации в 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 к заголовку
  1. Для добавления иконки  необходимо добавить ссылку в раздел заголовка сайта для того, чтобы подгружались иконки Font Awesome. 
  2. Правим код, для этого нажимаем клавиши «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








Комментариев нет:

Отправить комментарий

Mobile Logo Settings

Mobile Logo Settings
image