Форма подписки Fedberner в статьях блога | Заметки вебмастера






Установка формы подписки FeedBurner на блог+Итоги конкурсов

Установка формы подпискиПриветствую вас, дорогие друзья!

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

Эту статью я решил написать на весьма важную тему в основном для новичков в блогинге. Итак, как получить код формы подписки FeedBurner и вставить его в свои статьи? Вот такая тема.

Следует заметить, что наиболее сложное в текущей  ситуации — это настроить ваш аккаунт в сервисе FeedBurner.

Небольшая справка для людей, не знающих о сервисе ничего.

FeedBurner  формирует автоматическую рассылку анонсов новых статей. Данная процедура осуществляется в отношении RSS ленты. Настройка ленты позволяет вашим подписчикам принимать свежие материалы без дополнительных настроек на регулярной основе.

О том, как создать аккаунт в FeedBurner, я детально расписал в своей прошлой статье (про RSS ленту — ссылка выше). Если вы давно искали подробности о коде формы подписки, обязательно её прочитайте. Чтобы разместить форму подписки для каждой статьи, вам будет необходим ее код.

Вначале, общий вид вашей формы будет не слишком удачным, но это не страшно. Потом всё можно будет исправить. Прежде всего, вам нужно будет найти специальную ссылку, а код формы найдете чуть ниже этой ссылки.

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

По внешним признакам обе формы немного отличаются друг от друга, но функционал и той и другой формы одинаков. В итоге с помощью этих специальных форм посетитель при регистрации получает подписку на обновления блога (новости блога).

Теперь давайте обо всём по порядку.

Как отредактировать форму подписки от FeedBurner

Итак, как я говорил  ранее, для  изменения формы подписки вам будет необходима только ссылка на RSS канал. В качестве основной базы возьмите код, который я вам предложу для примера и просто поменяйте в нём ссылки:

<form style="border:3px dashed#468af6; padding:5px; text-align:center; 
background: #EDF6FF" action="http://feedburner.google.com/fb/a/mailverify" 
method="post" target="popupwindow"onsubmit="window.open
('http://feedburner.google.com/fb/a/mailverify?uri=saranchinsergey', 
'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Новости блога</p>
<p><input type="text "class="poletext" style="width:230px" name="email" 
placeholder="Ваш e-mail адрес"/></p><input type="hidden" 
value="saranchinsergey" name="uri"/>
<input type="hidden" name="loc" value="ru_RU"/>
<input class="buttonform" type="submit" style="width: 175px" 
value="Получать новости" target="_blank"/><p></form>

Будьте внимательны при использовании предложенной формы. Прежде всего, вам нужно изменить мою ссылку: saranchinsergey на свою личную, причем дважды в этом коде. Кроме того, форма подписки находится в блоке <div>, который можно легко убрать в случае необходимости.

Форма, при этом (без использования стилей) будет выглядеть следующим образом:

форма без стилей

Как встроить код подписки в код блога

Не забудьте, что каждую форму подписки планируется  размещать в нижней части каждой статьи. Поэтому необходимо будет редактировать исходный код файла, который отвечает за вывод статьи. В WordPress этот файл называется single.php.

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

Важные моменты при вставки формы подписки.

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

Вначале определитесь с местом для вашей формы. В моём случае форма подписки находится после статей и располагается чуть ниже игры «Поймай кота».

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

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

Кликаем  правую кнопку мыши в нижней части статьи и не забываем о классе блока <div> где она расположена:

просмотр кода для вставки формы подписки

В моей ситуации это класс class = «entry». Именно его и необходимо искать в файле шаблона single.php. Теперь заходим в админпанель – «Внешний вид» — «Редактор» — «Одна запись (single.php)». Используем поиск CTRL+F, находите класс «entry»:

вставка кода формы feedberner

Как только вы найдёте закрывающий блок </div> со статьей, после него сможете вставить код формы. В моем блоге, например, вначале расположены социальные кнопки, список похожих записей и игра «Поймай кота».

Готово, форма вставлена, ее также необходимо оформить в соответствии с дизайном вашего блога или сайта.

Добавляем стили оформления для формы подписки

Чтобы придать своему блогу неповторимый дизайн, я прикрепил к полю ввода e-mail и кнопке разнообразные классы оформления. Сейчас вы также сможете в файле style.css успешно добавить необходимую стилистику для оформления внешнего вида формы.

Для получения уникальной формы подписки я добавил в файл style.css оригинальные стили. Вы можете просто их скопировать и вставить в свой файл style.php:

 /*Поле для ввода e-mail*/
 .poletext {
 font: 15px Verdana; /*Стиль шрифта*/
 padding: 3px; /*Внутренний отступ в поле*/
 border-radius: 5px; /*Скругление углов формы*/
 border: 1px solid #25A6FF; /*Стиль рамки*/
 }

 /*Кнопка*/
 .buttonform {
 font: 15px Verdana; /*Стиль шрифта*/
 color:#ffffff; /*Цвет шрифта*/
 padding: 5px 5px; /*Внутренний отступ*/
 cursor: pointer; /*Вид курсора при наведении*/
 border-color:#25A6FF; /*Стиль рамки*/
 border-radius: 5px; /*Скругление углов кнопки*/
 background: #A1C6DD; /*Цвет фона кнопки*/
 }

 /*Кнопка при наведении курсора*/
 .buttonform:hover {
 font: 15px Verdana; /*Стиль шрифта*/
 color:#ffffff; /*Цвет шрифта*/
 padding: 5px 5px; /*Внутренний отступ*/
 cursor: pointer; /*Вид курсора при наведении*/
 border-color:#25A6FF; /*Стиль рамки*/
 border-radius: 5px; /*Скругление углов кнопки*/
 background: #B8CFDE; /*Цвет фона кнопки*/
 }

Но это стили под дизайн моего блога. Вам нужно прописать свои. Меняя стили в различных вариантах, вы получаете оригинальную форму с неповторимыми  цветовыми решениями:

форма подписки со стилистикой

Мы получили то, что хотели. Теперь вы готовы приступить к полноценной работе. Посетители, зайдя на ваш блог, смогут подписаться на обновления. Могу уточнить, что я также добавил фон и слегка разнообразил стили формы, добавив стили к блоку <form>.

Вот и всё. Сегодня в этой статье я вам рассказал как вставить форму подписки в свои статьи. Для того, чтобы вставить подобную форму в боковую панель проследуйте в админ панели блога по вкладкам «Внешний вид» — «Виджеты». Затем пропишите код формы подписки в специальном текстовом поле. Получилось? Если нет — задавайте вопросы в комментах.

Ну вот и всё пока. Шутка… Сейчас же самое интересное!

Итоги конкурсов за февраль

Ребята, первым делом хочу поблагодарить всех, кто принимал участие в конкурсах блога! Спасибо, друзья! Вы — часть моего проекта и так будет всегда!

Ну, а теперь без лишних слов как обычно только факты! Честные и суровые)) Что поделаешь, — такова жиЗнь…

Предоставляю скриншот Топ Комментаторов за февраль (по состоянию на 01.03.2015, 00:00):

топ комментаторов за февраль

Отлично! Всё понятно без лишних слов. Кто больше всего сотрудничал с моим проектом, тот больше и заработал:

Первое место — Юрий Йосифович (автор блога blog.yosyfovych.te.ua)

Второе место — Алиса (блог скоро будет)

Третье место — Анютка Незабудка (автор блога ruletov.net)

Призы такие же — 200, 100 и 50 рубликов соответственно. Ребята, скоро будет индексация (не поисковая…)), размер призов увеличится.

Но это ещё не всё!!!

Есть победитель в конкурсе «Сотый комментарий»!:

Анютка Незабудка — автор блога ruletov.net

Анютка получает 100 рублей сверху и я ей перечисляю не 50 руб, а 150!

Вот скриншот её «круглого коммента» к статье «Защита от спама в комментариях с помощью Akismet«:

сотый комментарий за февраль

Друзья, поздравляю Вас от всей души!!! Жду Ваших номеров кошельков Webmoney. Спасибо за сотрудничество и не забывайте, что Новый год не за горами,- кто-то станет Лучшим Комментатором Года!

На этой оптимистичной ноте хочу откланяться и удалиться. Было приятно огласить победителей! До встречи, ребята! Весеннего настроения!

Успехов Вам и Удачи
С Уважением,


Книга о заработке в интернете:
Книга о заработке в интернете

Комментариев к статье: 60

  1. Анютка Незабудка:

    Спасибо за оперативное подведение итогов! Приятно было принимать участие в конкурсе! Вдвойне приятно получить приз за сотый комментарий — выигрываю в такой номинации впервые! Очень приятно))) :cry:

    Ответить

    • Сергей Саранчин:

      Рад, что конкурсы вам понравились :oops: Номер кошелька принят, Анютка. Сейчас переведу денежки

      Ответить

      • Aleksandr:

        Я в этом месяце хочу попробовать занять призовое место!

        Ответить

        • Сергей Саранчин:

          Ну, что ж, Александр, желаю Вам удачи! :oops:

          Ответить

      • Анютка Незабудка:

        Сергей, спасибо большое. Приз получила))) :cry:

        Ответить

        • Сергей Саранчин:

          Да не за что, Анютка, вы выиграили его :oops:

          Ответить

      • Alexandr:

        Сергей, сколько на сегодня оставлено комментариев? Говорят новичкам везёт. Может повести и мне. Я в первый раз на блоге. Карту сайта глянул. Смотрю темы и думаю — это моё.

        Ответить

        • Сергей Саранчин:

          Александр, прочитайте условия конкурсов на моём блоге. Количество комментариев за текущий месяц вы сможете наблюдать в боковой панели блога в разделе «Топ комментаторы»
          Не переживайте, у вас всё получится. Я тоже когда-то был новичком в блогинге :cry:

          Ответить

          • Alexandr:

            Я перед первым коментарием статью Конкурсы прочитал. В ней данные о количестве от 1 ноября. Четыре месяца прошло.

            Ответить

          • Сергей Саранчин:

            Есть ещё целая страница про конкурсы на Главной странице. На данный момент оставлено на блоге 1230 комментариев :smile:

            Ответить

          • Alexandr:

            Юбилейный комментарий до моего появления сделали.

            Ответить

    • Юрий Йосифович:

      Анютка поздравляю вас! Всегда интересно комментировать блоги, где вы также принимаете активное участие!

      Ответить

      • Анютка Незабудка:

        Примите взаимные поздравления, Юрий) Я тоже с удовольствием комментирую в вашей компании) :cry:

        Ответить

  2. Евгений:

    Отличная статья Сергей! А я вот, перешёл с FeedBurner на smartresponder. На респондере свою базу читателей гораздо безопаснее хранить. Да и письма можно красочные отправлять. Класс! Кстати, оцени как у меня на блоге форма подписки сделана, да и вообще если что, жду в гости в любое время. :smile:

    Ответить

    • Сергей Саранчин:

      Привет, Евгений! Спасибо за оценку моего материала!
      Возможно тоже скоро перейду на Smart, когда читателей побольше будет.
      Спасибо за приглашение :oops:

      Ответить

  3. Юрий Йосифович:

    УРА! Я стал победителем в вашем мероприятии. Спасибо за то, что дали возможность участвовать и за оперативное подведение итогов.
    Номер кошелька: R529214004117

    Поздравляю всех участников конкурса! Присоединяйтесь в марте — здесь весело!

    Ответить

    • Сергей Саранчин:

      Поздравляю!!! Кошелёк принят, Юрий Иосифович! Денежки сегодня переведу Вам на счёт :oops:
      Желаю успехов всем участникам в марте! :cry:

      Ответить

      • Юрий Йосифович:

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

        Ответить

        • Сергей Саранчин:

          Главное, что приз доставился :arrow:

          Ответить

    • Сергей Саранчин:

      Юрий Йосифович, я по ошибке отправил Вам приз дважды. Сможете перечислить лишние 200 руб назад?

      Ответить

      • Юрий Йосифович:

        У меня аттестат продавца — любые переводы которые мне не предназначаются отправляются обратно в любом случае.
        Перевод я вам вернул — о чем собственно уже отписался ниже.

        Ответить

  4. Aleksandr:

    Читал что многие отказываются от feedburner!

    Ответить

    • Сергей Саранчин:

      Да, я тоже слышал о преимуществах Smartresponder по сравнению с Feedburner. В скором времени может и я перейду и напишу об этом пост :smile:

      Ответить

      • Aleksandr:

        Многие с Smartresponderа на Джасклик почему то начали бежать!

        Ответить

        • Юрий Йосифович:

          Потому что на Джастклик есть партнерская программа.

          Ответить

          • Alexandr:

            На Feedburner чаще подписываются, вроде это гугловская программа.

            Ответить

    • Юрий Йосифович:

      Пока нет тысячной базы смысл отказываться от него?

      Ответить

      • Сергей Саранчин:

        Согласен! Пока нет приличного количества подписчиков, можно и на Feedburner посидеть :smile:

        Ответить

  5. Алиса:

    Оо, у вас смайлики такие красивые появились! . :smile: :cool: :cry: Номер R153258412886. Присоединяюсь к поздравлениям! :oops:

    Ответить

    • Сергей Саранчин:

      Да, Алиса, поставил себе вот таких колобков :arrow:
      Номер кошелька принят. Еще раз мои поздравления!

      Ответить

      • Алиса:

        Спасибо, приз получила!С колобками жить веселее :roll:

        Ответить

    • Анютка Незабудка:

      Алиса, поздравляю с победой) :cry: А смайлики действительно милашки :oops:

      Ответить

  6. Юрий Йосифович:

    Привет Сергей!
    Я приз получил целых два раза!
    Один перевод я отправил вам обратно — отпишитесь о получении пожалуйста.
    Еще раз спасибо за оперативность и возможность принять участие в вашем мероприятии.

    Ответить

    • Сергей Саранчин:

      :cry: Привет, Юрий!
      Да, ошибся немного, отправил два раза. Назад денежки получил, спасибо!

      Ответить

      • Юрий Йосифович:

        Вот и замечательно!
        Будем продолжать участвовать в ваших мероприятиях и друзьям рассказывать!

        Ответить

      • Aleksandr:

        Ни чего себе как вы всем по два раза бонус даете :smile:

        Ответить

        • Юрий Йосифович:

          Чем больше бонусов — тем больше стимул к общению — это закономерность Александр.

          Ответить

    • Анютка Незабудка:

      У вас получился просто «водопад призов» неожиданно :oops:

      Ответить

      • Юрий Йосифович:

        Да, бывает и такое, Анютка. А бывает, что победив в конкурсе организатор в течении пол года не может собрать сумму, которую установил в качестве призовой :) Блогосфера полна сюрпризов :)

        Ответить

  7. Юрий Йосифович:

    Сергей нажмите у себя в меню на кнопку «ГЛАВНАЯ» — выдает ошибку 404.

    Ответить

    • Сергей Саранчин:

      Спасибо, Юрий, сейчас исправим :smile:

      Ответить

      • Юрий Йосифович:

        Все, теперь все ок!

        Ответить

  8. Alexandr:

    Сергей, привет! Решил принять участие в вашем конкурсе. Даже не принять участие в конкурсе, а почитать, спросить умного человека. Принимаете?

    Ответить

    • Сергей Саранчин:

      Приветствую, Александр!
      Принимайте активное участие, спрашивайте, подскажу в чём разбираюсь. Прочитайте правила участия в конкурсах на странице «Конкурсы» и в путь :oops:

      Ответить

      • Alexandr:

        Благодарю за наставление. Так и сделаю. Появится свободная минутка — буду писать вам по мере возможности.

        Ответить

  9. Alexandr:

    Сергей, в статье написано про непоисковую индексацию. Что это такое? Рейтинг сайту?

    Ответить

    • Сергей Саранчин:

      Александр, здесь я имел в виду денежную индексацию призов в конкурсах :smile:

      Ответить

      • Alexandr:

        Первый раз про такую индексацию слышу, непривычно, но буду иметь её ввиду.

        Ответить

        • Сергей Саранчин:

          Про этот вид индексации очень часто говорят в программе «Новости» политики :cry:

          Ответить

          • Alexandr:

            Вспомнил. Индексация цен, индексация зарплаты, индексация пенсий.

            Ответить

          • Сергей Саранчин:

            Вот об этом я и говорил :arrow:

            Ответить

  10. Alexandr:

    Сергей, подписался у Вас. Но не будут приходить комментарии на все статьи. Так и должно быть?

    Ответить

    • Сергей Саранчин:

      Правильно, Александр, они и не будут приходить на все статьи, а только на те, на которые вы подпишитесь после комментирования. К сожалению пока такой опции на моём блоге нет :grin:

      Ответить

      • Alexandr:

        Значит придётся комментировать все статьи! Статей много, за месяца три уложится можно.

        Ответить

        • Сергей Саранчин:

          Обязательно комментируйте, а главное не забудьте установить граватар, а то не сможете выиграть денежный приз (такие условия конкурса). :oops:

          Ответить

          • Alexandr:

            Хорошо, установлю граватар. В правилах не написано про граватар. Я несколько раз читал статью Конкурсы на блоге.

            Ответить

          • Сергей Саранчин:

            Написано про граватар, Александр! Условия конкурса «Лучшие комментаторы месяца» прописаны в этой статье — http://saranchinsergey.ru/optimizatsiya/pervyie-konkursyi-na-moyom-bloge/

            Ответить

          • Alexandr:

            Спасибо, нашёл статью. Я другую прочитал на странице Конкурсы на блоге из верхнего меню.

            Ответить

          • Alexandr:

            Для установки граватара воспользуюсь вашей статьёй. Как установлю отпишусь в ней.

            Ответить


НАПИШИТЕ СВОЙ ПЕРВЫЙ КОММЕНТАРИЙ НА ЭТОМ БЛОГЕ И ПОЛУЧИТЕ ПОДАРКИ!

Нажимая кнопку "ОТПРАВИТЬ" комментарий, Вы принимаете пользовательское соглашение и подтверждаете, что ознакомлены и согласны с политикой конфиденциальности этого сайта.

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: