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



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


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

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

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

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

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

           http://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;




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


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

2 коммент. :

  1. Оля, привет. Конечно очень хотелось бы, чтобы всё вернулось на круги своя. Но этот вариант прекрасная альтернатива. Молодец.

    ОтветитьУдалить
  2. Вика привет. Иногда они возвращаются, но сколько ждать, неизвестно. Придется пользоваться тем, что предлагает нам наш любимый Google.

    ОтветитьУдалить

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

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

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

Имя

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

Сообщение *