Создать виджет последних постов в аккаунте FeedBurner



Здравствуйте друзья, гости и читатели. Избавляемся от внешних ссылок авторов гаджетов и переходим по возможности на использование продуктов Google. Я уже писала пост о гаджете последних постов Родной гаджет Google-Канал для комментариев и новых постов, там мы создавали виджет, используя адрес фида блога. 

Сегодня предлагаю создать в аккаунте FeedBurner виджет последних записей, получить и скопировать HTML код, установить в сайдбаре блога. Результат на скриншоте, правда не совсем удачный вариант, но это всего лишь пример:

Виджет последних постов от FeedBurner

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

Давайте обо всем по порядку. Заходим в свой аккаунт FeedBurner, вверху нажмите публикуй, затем слева BuzzBoost.

Аккаунт FeedBurner

Google Вам в помощь, переведите на русский язык. А дальше простые настройки фида.

Интегрируем гаджет в Blogger

Код будете копировать после сохранения всех настроек. Отметьте, что виджет интегрируется в Blogger. 

Настройки виджета в аккаунте FeedBurner


Выделить все нужное, разберетесь легко. Но если что-то будет непонятно, на все вопросы отвечу в комментариях. Не понравились первоначальные настройки, корректируйте, только не забывайте внизу нажать сохранить, затем копируйте код, установить дизайн добавить гаджет.

Цветовые настройки шрифта, фона, заголовка зависят от настроек в дизайнере шаблонов. Для индивидуальных настроек самый простой код CSS:  

#ID гаджета{
background:#f8f8ff;
font-size:14px;
color:#99cc32;
font-family:arial;
border:dotted 1px #ccc;
margin-right:8px; *// отступ виджета справа
list-style-type: none; *// убрать маркер, если есть
}


Код CSS установить в шаблон изменить шаблон, выше строки ]]></b:skin>. На этом закончу. Всего доброго и Удачи.

Может Вас заинтересует информация в этих статьях:


TEXT.RU - 100.00%




Автор статьи ✎ Olga Protasova Выпуск ✹ 6/09/2016 Ярлыки ►


Открыть комментарии →

0 коммент. :

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

Ув. читатели! Для вставки HTML кода в комментарии, воспользуйтесь в меню Генератором преобразования HTML кода.

 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *