2015-12-14

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


виджет избранное сообщение blogspot
В 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;
}


3 комментария :

Марго Ритка комментирует...

Это здорово! Полезный виджет! Спасибо за разъяснения, я даже не видела пока его)

Иванова Наталья комментирует...

Марго Ритка, этот виджет появился 3 дня назад. Неплохое дополнение. Можно обращать внимание посетителей на конкретный пост. Например, сделать объявление о конкурсе.

Alexander Samsonychev комментирует...

Наталья, Спасибо. Интересный виджет.

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

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности