Простая форма подписки для блога

Здравствуйте, дорогие читатели!
Форма подписки по электронной почте - необходимый элемент любого блога.

Prostaya forma podpiski


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


Именно по этому опытные вебмастера уделяют форме подписки повышенное внимание, располагая её в самых заметных местах.

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

Вот, как она выглядит:



Посмотреть работающий образец можно перейдя по ссылке на тестовый блог.

Код для этой формы создан усилиями автора блога MyBloggerTricks, с чьими надёжными и красивыми разработками я вас уже знакомил.

Установить форму подписки в Blogger
1. Заходим в Панель управления -- Дизайн -- Элементы страницы -- Добавить гаджет

2. Выбираем из списка "HTML/JavaScript" 

3. В предложенную форму вставляем код, скопированный по этой ссылке

4. В этом коде заменяем отрывок, выделенный красным, на URL своего Feed-канала (в моём случае это http://feeds.feedburner.com/blogspot/FEeU)
Часть кода, подсвеченную жёлтым (FEeU) заменяем именем своего канала Feed, которое всегда находится в конце адреса канала

5. Сохраняем, перетягиваем виджет в нужное место (обычно форму располагают в верхней части сайдбара) и опять сохраняем.

Теперь у вашего блога появилась отличная форма подписки, простая и заметная одновременно.

Доброй охоты всем нам!

Ваш Retliff

Сергей Мазураш aka Retliff Блоггер со стажем. Стиль публикаций отличается простотой изложения и весёлым, ироничным подходом к самым серьёзным проблемам. Cпециализируется на создании и продвижении бесплатных блогов на платформе Blogger.



18 комментариев:

  1. Спасибо, получилось. Правда пришлось немножко подкорректировать размеры :-)

    ОтветитьУдалить
  2. Я ещё добавил счётчик подписчиков (пока блог новый его лучше прятать:-), но может кому и нужен..

    ОтветитьУдалить
  3. А так и должно писаться:
    "The feed does not have subscriptions by email enabled"

    ОтветитьУдалить
  4. Только решила установить у себя, как началось что-то страшное:

    "4. В этом коде заменяем отрывок, выделенный красным, на URL своего Feed-канала (в моём случае это http://feeds.feedburner.com/blogspot/FEeU)
    Часть кода, подсвеченную жёлтым (FEeU) заменяем именем своего канала Feed, которое всегда находится в конце адреса канала"

    Бог мой, что бы это могло значить? Как узнать URL своего Feed-канала? Простите, если вопрос детский, я только начинаю:)

    ОтветитьУдалить
  5. @Лариса Хороший материал на эту тему по адресу: http://ktonanovenkogo.ru/vokrug-da-okolo/rss-vokrug-da-okolo/rss-lenta-fid-feed-sozdanie-i-nastrojka-feedburner-rss-agregatory-rss-ridery-chast-3.html

    ОтветитьУдалить
  6. А можно такой вопрос задать. Замечательно получилось, но как бы поле "Веведите свой email" покороче сделать. А то немножко выбивается из общего стиля. Я совсем не программист, поэтому напишите пожалуйста где чего вставить или изменить. Очень надеюсь на ответ.

    ОтветитьУдалить
  7. Спасибо! за готовую форму! с экономил массу времени благодаря вам!

    ОтветитьУдалить
  8. @Natalie H Если вам всё ещё нужно сделать покороче форму "введите Email" просто измените значения параметра width:140px; в добавленном ранее шаблоне со стилем .textarea{

    Увеличьте значение width: 140px; так как вам нужно в большую сторону чтобы форма была длинее, и в меньшую что бы форма стала короче, вот как это примерно будет выглядеть:

    .textarea{
    padding:2px;
    margin:6px 2px 6px 2px;
    background:#f9f9f9;
    border:1px solid #ccc;
    resize:none;
    box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;

    width:70px;

    color:#666;}

    ОтветитьУдалить
  9. У меня вопрос: а подписанный сразу увидит новость после ее выхода? или на другие сутки, как у стандартного гаджета?

    ОтветитьУдалить
    Ответы
    1. я тоже поддерживаю вопрос! можно ли как то сократить время?? и можно сделать чтоб в письме было видно только часть статьи, а не вся. чтобы дальше писалось типа прочитать полностью можно после перехода на блог

      Удалить
  10. Добрый вечер Сергей, еле разобрались в коде с мужем. Мы очень далеки от написания и исправления кода. Но у вас кроется ошибка во втором подсвеченном "месте"
    у вас - value="FEeU"
    должно быть - value="blogspot/FEeU"
    Не сочтите за наглость.

    ОтветитьУдалить
  11. а как узнать и увидеть общее количество подписчиков(база подписчиков,список адресов где-нибудь сохраняется ?)

    ОтветитьУдалить
  12. Не понимаю что не так. Высвечивается вот такое собщение: The feed does not have subscriptions by email enabled

    ОтветитьУдалить
    Ответы
    1. По всей вероятности разработчик уже удалил скрипт! :(

      Удалить
  13. Спасибо, действительно красивая и легко установилась

    ОтветитьУдалить
  14. не плохой код правда пришлось подредактировать стиль и картинку заменить на более красивый конвертик

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

Буду очень признателен за Ваши доброжелательные комментарии!
Любые попытки втянуть автора и читателей в дискуссию, а так же ссылки на посторонние ресурсы - будут удалены.
Всем любителям "конструктивной критики" рекомендую прочитать статью http://maxpastukhov.com/critics