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

---

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

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

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

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

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

www.surfing-waves.com/feed.htm  

• Первое, вводим адрес 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="https://www.surfing-waves.com/feed.htm" target="_blank" style="color:#eee;font-size:10px">widget @</a> <a href="https://www.surfing-waves.com" target="_blank" style="color:#eee;font-size:10px">surfing-waves.com</a></div>
  <!-- end sw-rss-feed code -->

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

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

• Как узнать адрес Feedburner блога; 
• Плавающий раскрывающийся гаджет баннера; 
• Коды символов для вебмастеров;
• Динамический RSS виджет заголовков сообщений с миниатюрами;