Родной гаджет Google-Канал для комментариев и новых постов

---

Как добавить в блог гаджет содержания канала RSS

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

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

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

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

В дизайне нажимаем добавить гаджет, ищем Фид.

В новом окне нам надо настроить канал и вставить RSS адрес комментариев.

           https://www.bdblogov.ru/feeds/comments/default

Вы можете вместо моего адреса блога вставить свой и продолжать настройку канала.

На следующей вкладке настройте гаджет: показать мы сможем только пять последних комментариев. Отметьте галочкой отображение автора и источника комментария.

Нажмите-сохранить. Установите гаджет в удобном месте макета блога.


Точно так же настройте гаджет для новых постов блога. Только вставьте Ваш Feed адрес блога. Как узнать адрес читайте в моем посте как узнать адрес Feedburner блога . У меня адрес такой

http://feeds.feedburner.com/blogspot/TsLmX

Чтобы изменить стиль виджетов, идем в шаблон-делаем резервную копию шаблона. Далее изменить шаблон, жмем первую стрелку и внизу выше строки ]]></b:skin> вставляем стиль CSS

#Feed1{

font-size:14px;

color:#99cc32;

font-family:arial;

border:dotted 1px #0e5198;

margin-right:8px;

list-style-type: none;

padding: 2px 0px;

width:auto;

height:250px;

}

Настройки: выделенное красным ID виджета (как узнать читайте здесь); оранжевым-цвет текста автора и источника; синим-положение текста справа от края; остальное-форма, размер и цвет рамки; ширина и высота виджета; лиловым-убрать маркеры, если при установке их не будет, удалите эту строку с кода.

Как видите все простенько. На сегодня у меня все. Если Вам понравился пост, поделитесь с друзьями в социальных сетях. А я говорю Вам Всего Доброго.


Может быть интересно:  

• Эффектное оформление ссылок в блоге;  
• Горизонтальная прокрутка текста; 
• Оформление гаджета поиска Google и других с использованием CSS;

Рекомендуемый контент: