Создать и настроить RSS виджет последних сообщений блога
Приветствую гостей и читателей этого блога. В этом посте хочу Вам рассказать, как создать и настроить бесплатный RSS виджет для отображения последних постов Ваших блогов.
А так же в виджет можно добавить до 5 каналов, это могут быть адреса RSS ленты Ваших других блогов, URL адрес страницы Twitter и.т.д, то есть в одном виджете будут отображены последние новости всех ресурсов.
А так же в виджет можно добавить до 5 каналов, это могут быть адреса RSS ленты Ваших других блогов, URL адрес страницы Twitter и.т.д, то есть в одном виджете будут отображены последние новости всех ресурсов.
Правда у меня не получилось отобразить страницу ни Facebook, ни Twitter, не знаю, с чем это связано, а вот адреса RSS ленты трех своих блогов настроить получилось. Ничего так смотрится, в одном виджете все последние записи блогов. Это я для эксперимента развлекалась, виджет создала для примера только одного своего ресурса. Вы можете посмотреть в тестовом блоге, прокрутите страницу чуть вниз.
Вы можете использовать для оформления предлагаемые на сайте CSS стили. При их использовании остальные настройки могут быть недоступны. Если будете оформлять в своем стиле, нажимаем расширенные настройки:
На этом у меня сегодня все. Задавайте вопросы, пишите отзывы, буду благодарна за плюсик в социальных сетях. Поделитесь со своими друзьями, чтобы и они смогли воспользоваться информацией. До свидания.
Почитайте другие записи:
Теперь, кто заинтересовался, переходим на сайт по ссылке. Настраивайте в хроме, переведите на русский язык.
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 -->
<!-- end sw-rss-feed code -->
На этом у меня сегодня все. Задавайте вопросы, пишите отзывы, буду благодарна за плюсик в социальных сетях. Поделитесь со своими друзьями, чтобы и они смогли воспользоваться информацией. До свидания.
Почитайте другие записи:
Рекомендуемый контент:
Привет, Ольга. Спасибо за пост. Наверное я, когда - то что-то пропустил, но не знаю, что такое адрес RSS блога.
ОтветитьУдалитьСергей здравствуйте. Как узнать адрес я писала в этом посте, перейдите по ссылке
Удалитьhttp://www.bdblogov.ru/2013/08/feedbumer.html
Привет, Ольга. Симпатично получилось. Кстати вчера тоже игралась и тоже с RSS. Не решила ещё до конца писать или нет. Подумаю.
ОтветитьУдалитьВика здравствуй. Виджет и правда смотрится симпатично. А еще плюс, что можно реализовать информацию других своих ресурсов, или же просто вставить URL адрес нужной ссылки.
Удалить