Новый виджет Blogger - Избранное сообщение

Здесь вы можете изменить название виджета, показать или убрать заголовок сообщения, показать изображение из сообщения. Теперь выберите сообщение, которое хотите показывать и списка последних или выберите нужное сообщение по ярлыку или воспользуйтесь поиском.

сохраните изменения.

Код виджета:

<b:widget id='FeaturedPost1' locked='false' title='Featured post' type='FeaturedPost'>
    <b:includable id='main'>
  <!-- Only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <b:include name='content'/>
  <b:include name='quickedit'/>
</b:includable>
    <b:includable id='content'>
  <div class='post-summary'>
    <b:if cond='data:showPostTitle and data:postTitle != &quot;&quot;'>
      <h3><a expr:href='data:postUrl'><data:postTitle/></a></h3>
    </b:if>
    <p>
      <data:postSummary/>
    </p>
    <b:if cond='data:showFirstImage and data:postFirstImage != &quot;&quot;'>
      <img class='image' expr:src='data:postFirstImage'/>
    </b:if>
  </div>

  <style type='text/css'>
    .image {
      width: 100%;
    }
  </style>
</b:includable>
  </b:widget>

Рекомендации:

Удалите из кода виджета (это можно сделать в разделе "Шаблон -> изменить html") все отрезки кода <b:include name='content'/>, чтобы избавиться от лишних внешних ссылок.

Изменить оформление виджета "Избранное сообщение"

Для этого пропишите код в редакторе перед тегом </b:skin>

#FeaturedPost1 {здесь блок объявлений стилей}

для изменения тела виджета, например фона, шрифта текста, цвета текста, ссылок и пр. Подробнее об изменении стилей других виджетов на Blogsot, а также статья основы css поможет вам узнать какие блоки объявлений можно прописать для изменения оформления блога.

Если вы хотите изменить оформление заголовка этого виджета, то вам понадобиться код:

#FeaturedPost1 h2{здесь блок объявлений стилей}

или

 #FeaturedPost1 h2{здесь блок объявлений стилей}

Пример:

#FeaturedPost1 {
    background: #A8D2EA;
    padding: 5px 15px 10px 5px;
    border: 2px solid #FCCF52;
    border-radius: 10px;
}