Анимированный баннер сервиса Feedburner для блога



Как создать и настроить анимированный баннер Feedburner для своего блога


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

Пример посмотрите в сайдбаре внизу (если нет, то уже удалено). Согласитесь, сразу привлекает внимание, а то к иконкам и к окну подписки по E-mail как то все привыкли, уже и внимания мало кто на них обращает. А здесь и иконка, и последние посты, и нет необходимости вставлять виджет последних сообщений блога.

Настройка и установка в макет блога баннера Feedburner

Давайте приступим к созданию и настройке баннера. Идем в свой аккаунт Feedburner, нажимаем на нужный блог, если их несколько, затем сверху переходим по вкладке Publicize (оптимизировать), далее слева самая первая Heaaline Animator (заголовок аниматор). 

Как создать и настроить анимированный баннер Feedburner

Работать лучше в браузере Google Chrom, переводите страницу на русский и приступайте создавать и настраивать свой баннер.

  • Feed адрес уже будет вписан;
  • Выбираем тему: здесь нам предлагают по 2 баннера размером 468х60 и 234х60 белого и черного цветов, а также 2 кнопки 180х100 такого же цвета; Так же мы можем настроить только подпись или выбрать классический или динамический вид баннера;
  • Название Вашего блога уже тоже будет вписано;
  • Далее настраиваем ширину текста, размер и цвет шрифта заголовка и постов блога;
  • Настройте формат даты публикации последних сообщений. И точно также настройте ширину. размер и цвет шрифта;
  • После всех настроек внизу нажмите Активировать и надо получить код нашего баннера;
Куда надо нажать, чтобы получить код баннера

Там, где написано Add to MySpace, TypePad, etc., жмем на маркер, и в окне надо выбрать Другое (только дай код). Не выбирайте Blogger, с декабря 2013 года  установщик не работает, у Вас отобразится ошибка. Так поехали дальше: чуть правее строки нажмите Next (следующая) и откроется окно с кодом. 

Настраиваем и копируем код баннера

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

Вот вроде бы и все, ничего не забыла. Будут вопросы, пишите в комментариях или обращайтесь на e-mail через контактную форму. Если статья Вам понравилась, поделитесь со своими друзьями в социальных сетях. Всем пока, до новых встреч.




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


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

8 коммент. :

  1. Ответы
    1. Сергей и интересно, и считаю, что очень полезная "штучка" для блога. Жаль только, что размеров баннеров мало.

      Удалить
  2. А у меня беда - анимированный заголовок не отображается в блоге. Если жму просто просмотр - всё отображается, а в обычном режиме - нету. Сайт uchimsya-pech.blogspot.ru
    Что делать - ума ни приложу!

    ОтветитьУдалить
  3. П.С. Причём этот анимированный заголовок не отображается в самом Хроме! В ишаке - отображается.

    ОтветитьУдалить
    Ответы
    1. Владимир здравствуйте. Посмотрела у Вас на сайте баннер, все нормально отображается, точно так же как у меня. Пользуюсь тоже хромом.

      Удалить
    2. Спасибо, успокоили. Видимо он только меня стесняется ;-)

      Удалить
    3. Владимир, а почему Вы не отобразили "Получить код баннера". Это так задумано или не настроили?.

      Удалить

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

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

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

Имя

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

Сообщение *