RSS виджет последних сообщений блога



Создать и настроить RSS виджет последних сообщений блога


Как создать и оформить RSS виджет для блога
Приветствую гостей и читателей этого блога. В этом посте хочу Вам рассказать, как создать и настроить бесплатный RSS виджет для отображения последних постов Ваших блогов.

А так же в виджет можно добавить до 5 каналов, это могут быть адреса RSS ленты Ваших других блогов, URL адрес страницы Twitter и.т.д, то есть в одном виджете будут отображены последние новости всех ресурсов.

Правда у меня не получилось отобразить страницу ни Facebook, ни Twitter, не знаю, с чем это связано, а вот адреса RSS ленты трех своих блогов настроить получилось. Ничего так смотрится, в одном виджете все последние записи блогов. Это я для эксперимента развлекалась, виджет создала для примера только одного своего ресурса. Вы можете посмотреть в тестовом блоге

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

  • Первое, вводим адрес RSS ленты своего блога или нескольких. И займемся оформлением виджета.
  • Указываем ширину и высоту;
  • Прокрутку содержания в секундах;
  • Впишите тип шрифта, я вписала Arial, и укажите размер в пикселях;
  • Настройте количество отображаемых сообщений;

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

  • Главный заголовок, это шапка виджета, отметьте предлагаемый цвет фона или вставьте в поле свой цветовой код;
  • Дальше опять нажимаем расширенные настройки и оформляем названия заголовков постов. Все тоже самое, или выбрать цветовой фон или можно вставить адрес картинки;
  • Отметьте, нужна ли разделительная линия между сообщениями;
  • Содержание виджета. Поставьте <на> (первые строки сообщения, укажите максимальную длину) и цвет шрифта;
  • Где написано HTML (изображений/ссылка), если поставите отметку <на>, то виджет будет с картинками к постам блога;
  • Дальше я не буду писать, потому как всё одно и тоже. Оформляйте свой виджет, смотрите предварительный просмотр справа и, когда будет готово, скопируйте код и вставьте в дизайн-добавить гаджет в нужном месте макета блога;
Так как виджетом мы пользуемся бесплатно, разработчики сайта просят не удалять ссылку внизу виджета и дать им возможность заработать. Можно цвет ссылки закрасить под цвет страницы блога. А можно рискнуть и удалить с кода вот эту часть:


<!-- The link below helps keep this service FREE, and helps other people find the SW widget. Please be cool and keep it! Thanks. -->  <div style="text-align:right; width:270px;"><a href="http://www.surfing-waves.com/feed.htm" target="_blank" style="color:#eee;font-size:10px">widget @</a> <a href="http://www.surfing-waves.com" target="_blank" style="color:#eee;font-size:10px">surfing-waves.com</a></div>
  <!-- end sw-rss-feed code -->

На этом у меня сегодня все. Задавайте вопросы, пишите отзывы, буду благодарна за плюсик в социальных сетях. Поделитесь со своими друзьями, чтобы и они смогли воспользоваться информацией. До свидания.

Почитайте другие записи




Автор статьи ✎ Olga Protasova Выпуск ✹ 11/16/2014 Ярлыки ►


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

4 коммент. :

  1. Привет, Ольга. Спасибо за пост. Наверное я, когда - то что-то пропустил, но не знаю, что такое адрес RSS блога.

    ОтветитьУдалить
    Ответы
    1. Сергей здравствуйте. Как узнать адрес я писала в этом посте, перейдите по ссылке

      http://www.bdblogov.ru/2013/08/feedbumer.html

      Удалить
  2. Привет, Ольга. Симпатично получилось. Кстати вчера тоже игралась и тоже с RSS. Не решила ещё до конца писать или нет. Подумаю.

    ОтветитьУдалить
    Ответы
    1. Вика здравствуй. Виджет и правда смотрится симпатично. А еще плюс, что можно реализовать информацию других своих ресурсов, или же просто вставить URL адрес нужной ссылки.

      Удалить


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

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

Имя

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

Сообщение *