Красивая форма подписки feedburner

Красивая форма подписки feedburner

Привет всем! И так, сегодняшняя тема, красивая форма подписки для wordpress своими руками. Сегодня я хочу поделиться опытом и вас научить делать красивую форму подписки feedburner для wordpress.

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

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

840

Мне такой вариант нравиться, выглядит довольно солидно. А как вам, нравится такая красивая форма подписки feedburner? Думаю да! Давайте уже рассмотрим, как установить данную форму подписки.

Итак, вам необходимо перейти по этой ссылке на официальный сайт feedburner. Но для того, чтобы использовать данный сервис вам необходимо войти в свой аккаунт на google, если нет почты gmail, то вам нужно её создать. Затем вам необходимо создать и настроить feedburner. Как все это сделать? Я показывать не буду, так как уже много информации об этом есть.

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

Теперь вам в данном коде нужно скопировать текст после «uri=xpert-pc» и «value=xpert-pc» в блокнот. Зачем? Хороший вопрос! Затем, что Вам необходимо будет добавлять в другой код этот текст, чтобы пользователи смогли подписаться именно на ваш ресурс.

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

uri=фид
value=«фид»

В общем, вставляете свой текст в коде место слов фид, например в моем случаи я вставляю xpert-pc.

Теперь вам необходимо скачать на свой ПК иконки и файлы для формы подписки. Где скачать? А вот по этой ссылке. Да кстати картинки в фотошопе можно сделать свои.

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

Теперь осталась вам скачать этот код здесь, затем перейти в папку стиль и в конце вставить код. Да кстати размер формы 325×270.

 

Вывод формы подписки под постом

Теперь, как вы уже догадались, будем разбираться с подпиской, которая будет выводиться, под постом. Здесь есть два варианта, можно использовать плагин «Post layout«, для выведения подписки под постом или вставить код в файл»single» после слово «Страница«.

Ок! Если вы решили использовать плагин, то вам после активации нужно перейти в настройки «Post layout», затем перейти во вкладку «Single post» и в третью строчку «Code to add after the post» вставляете код, который вы скачаете здесь.

В этом коде вам нужно вставить свой «фид» также как мы уже делали с фидом выше.

Далее, прописываете в конце фала «style.css» код. Какой код? Вот этот код, который вы скачаете по этой ссылке.

После этого у вас должно появиться вот такая красивая подписка.

842

Размер этой формы 618×168.

Но если вам по какой-то причине, все же не подошли формы, то я вам еще одну форму дам. Которую вы сможете использовать, как для маленьких колонок, так и для резиновых шаблонов. Скачиваете код здесь и вставляете код в конце файла «style.css».

Далее, вам нужно закинуть по такому адресу (/images/cell-subscription.png) вот эту картинку.
843

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

Выглядит форма вот так: Все, всем спасибо!

844

С уважением Роман Рвачев!

PS. Подпишетесь на обновление статьи, и Вы узнаете, когда будет конкурс с денежными призами, а также много классных фишек и полезных советов на свой e-mail.


Введите свой e-mail адрес

 

ИМЯ-ИЗОБРАЖЕНИЯ
ИМЯ-ИЗОБРАЖЕНИЯ

Благодарю за отзывы и комментарии!

Вы можете пропустить чтение записи и оставить комментарий. Размещение ссылок запрещено.

31 комментарий к записи “Красивая форма подписки feedburner”

  1. Фёдор:

    Спасибо!

    Ответить
  2. Татьяна Белая:

    Очень красивая форма подписки feedburner. Ну и что из того, что много об этом написано? 🙂 Важнее уникальность, спасибо за идею

    Ответить
  3. Николай:

    Что вы имеете в виду, говоря «корень сайта»? И второе, я думаю стоит указать что подписка будет идти через фид.

    Ответить
    • Роман Рвачев:

      Николай корень сайта находится в вашем хостинге. Заходите в свой хостинг и открываете папку своего сайта, там где находится файл robots.txt.

      Ответить
  4. Андрей:

    Симпатичная форма получилась. Я писал тоже об этом, но расписывал весь код подробно.

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

    Ответить
  5. Виталий:

    Главное что нормальную подписку, можно сделать быстро и качественно)

    Ответить
  6. Дмитрий:

    А можно рассказать как сделать универсальную красивую форму подписки для ЛЮБОГО сервиса, или такую сделать нельзя?

    Ответить
  7. Людмила Лао:

    Красивенько. У меня как раз просто текстом в виджете написано, можно и окультурить.

    Ответить
  8. Анжелика:

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

    Ответить
  9. Аленксандр Каратаев:

    Можно сделать красивую форму и потом привязать её к любому сервису… Я как-то писал об этом статью, да и сейчас так поступаю. Например, на юнизендере формы в конструкторе получаются не очень привлекательные, хотя там можно сделать в принципе любую, но долго и муторно, на мой взгляд. Поэтому я просто выковыриваю оттуда чистый код формы и прикручиваю свои стили.

    Ответить
  10. Серега:

    Действительно, форма подписки очень ничего!

    Ответить
  11. Елена С.:

    На красивый сайт и заходить приятно!

    Ответить
  12. Андрей:

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

    Ответить
  13. Вера:

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

    Ответить
    • Роман Рвачев:

      Вера Smartresponer тоже можно сделать к этой форме подписки, только нужно фрилансера нанимать.

      Ответить
  14. Ирина:

    Мне форма подписки понравилась. спасибо, попробую и себе установить.

    Ответить
  15. Людмила:

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

    Ответить
  16. Илья:

    А я вот уже давненько съехал с feedburner. Мне кажется, он уже потухает понемногу. Сам сейчас пользуюсь Smartresponer)

    Ответить
  17. валера:

    спасибо!

    Ответить
  18. Аниса Никулина:

    Здравствуйте. и правда полезные информация. Теперь буду знать где посмотреть, как сделать красивую форму подписки. Немного позже буду пробовать. Спасибо! Твит

    Ответить
  19. Светлана:

    Огромное, огромное спасибо! Скачала все файлы, буду пробовать

    Ответить
  20. Артем:

    Классно смотрится новая форма. Глаз радует и манить, как бы проситься подписаться.

    Ответить
  21. Александр Ризун:

    У Вас очень красиво все получилось! Информация полезная, благодарю!

    Ответить
  22. Анастасия:

    Здравствуйте! Ваша форма самая лучшая в рунете. Но у меня все равно криво выходит…пожалуйста можете подробнее рассказать про картинки и ссылки в соц.сетях как вставлять.
    В папке Images создать новую папку cell-subscription.png и туда закидывать картинки? В коде не вижу ссылки на соц.сети…и картинки не вставляются на сайт…я вставляла один код в виджет а второй в в style.css

    Ответить
    • Роман Рвачев:

      Анастасия здравствуй! Сначала скачиваешь картинку и называешь cell-subscription, затем делаешь формат png. И только после этого загружаешь в папку Images. Папку закидываешь в корень сайта на хостинге. В первом коде внизу находишь href=»http://# и место # вставляешь свою ссылку.

      Ответить
  23. Эдуард:

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

    Ответить
  24. Эдуард:

    Роман скажите , у меня единственное что не появились картинки соц сетей, где искать проблему?

    Ответить
    • Роман Рвачев:

      Привет! Если ты все сделал так как написано, то будет так как и у меня все работать. У меня тоже самое стоит. Может проблема в теме, я не знаю. Но форма работает.

      Ответить
      • Эдуард:

        Я понял Роман) попробую в стилях посмотреть, может там что то не так сделал.

        Ответить

Оставить комментарий (ПРОЧТИ ЭТО!!!)

[urlspan]

[/urlspan]

«КРУГЛЫЙ КОММЕНТАРИЙ»

Каждому комментатору, кто оставит «круглый комментарий» (8000, 9000, 10000 и т. далее.), получит 500 рублей! Акция на постоянной основе. Имя победителя я буду объявлять в новых статьях. НЕ ПРОПУСТИТЕ! Всегда следите за обновлением блога. Когда вы выиграете, я без сомнений свяжусь с Вами в любом случаи.