Как сделать красивую форму подписки на RSS?

Как сделать красивую форму подписки на RSS?

Здравствуйте, уважаемые читатели моего блога.

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

Как правило, трансляция RSS-ленты происходит через сервис от Google FeedBurner. В данной статье я не планирую описание настройки RSS через этот сервис, а только расскажу о самой форме подписки на новостную ленту.

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

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

Для того чтобы изменить стандартную форму подписки в FeedBurnere делаем следующее.

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

 

<h4><b>Узнавайте новости первыми – подпишитесь на RSS.</b></h4>

 

<div align=”center” style=”width: 420px; padding: 20px; padding:10px;

margin: 0 auto; background-color: #eeeeee; border: 2px solid #ccc;

border-collapse: collapse; margin-bottom: 12px;”>

<form style=”border:1px solid #ccc;padding:3px;text-align:center;background-color:#fff;”

action=”http://feedburner.google.com/fb/a/mailverify” method=”post” target=”popupwindow”

onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=ваш_сайт,

‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true”>

<div style=”margin:2px 6px 8px 6px;”><strong><span style=”color: #cc0000;”>Понравилась публикация !?</span> <br>

Хотите получать новые прямо в свой почтовый ящик ? <span style=”color: #cc0000;”> <br>

Нет ничего проще !</span></strong></div><div align=”center”>

<input style=”width:190px;height:18px;padding:1px 6px 3px 6px;margin-bottom:10px;border:1px solid #ccc;”

type=”text” name=”email” value=”Впишите свой E-mail здесь !” onfocus=”this.value=””

title=”Впишите свой E-mail и нажмитеОформить подписку !'”/></div><div style=”margin-bottom:7px;”>

<input type=”hidden” value=”moy_blog” name=”uri”/><input type=”hidden” name=”loc” value=”ru_RU”/>

<input style=”padding:2px 3px 2px 3px;” type=”submit” value=”Оформить подписку !” /></div></form></div>

Вы его должны вставить в файл, отвечающий за внешний вид постов в вашей теме. В моем случае этот файл называется postsingle.php. В вашем случае он может называться single.php. Тогда форма подписки элегантно впишется после кнопок социальных сетей.

Также можно немного модифицировать этот код и вставить его в виджет сайдбара. Не забудьте вместо ваш_сайт вставить имя вашего фида.

Надеюсь, вам не будет сложно самостоятельно справиться с этим заданием.

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

Нажмите, чтобы оценить этот пост!
[Всего: 0 Средний: 0]

Введите ваш рабочий адрес электронной почты:



Поделитесь статьей с вашими друзьями - они вам будут благодарны!

20 комментариев к “Как сделать красивую форму подписки на RSS?”

  1. Здравствуйте, Вечеслав!

    Хочу лично пригласить Вас поучаствовать в интересном марафоне для блоггеров «Видео-привет моим читателям» noindex
    http://www.chelpachenko.ru/konkursy/marafon-video-privet.html rel=”nofollow” /noindex

    Цель марафона приблизить себя к своим читателям и повысить доверие.

    Надеюсь на ваш отклик ;)

    1. Вячеслав Балашов

      Спасибо за приглашения, Владислав.
      Ознакомлюсь с условиями и с удовольствием приму участие в марафоне, хотя видео пока не снимаю https://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif

  2. Алексей Мартюшов

    Слава, наконец-то внял просьбам страждующихhttps://balashoff.ru/wp-content/plugins/wp-monalisa/icons/bo.gif
    В отместку я разместил новую статью об элегантной подписи под статьей…https://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif noindex
    rel=”nofollow” /noindex
    Будем взаимо…нужными https://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif

  3. Добрый вечер, Вячеслав. Почему-то у меня на сайте никак не получается вставить именно форму для подписки на комментарии, хотя плагин я и скачала. Когда попыталась его активировать, то ничего не получилось. Может быть мне лyчше удалить тот, который есть и заменить все?

    1. Вячеслав Балашов

      Конечно так и будет – для вставки формы подписки на страницы блога плагины не нужны.
      Об этом я писал в предыдущей статье https://balashoff.ru/wp-content/plugins/wp-monalisa/icons/bz.gif

  4. Здравствуйте, уважаемый владелец сайта!Мне очень понравился ваш сайт. У вас много полезной и интересной информации. У меня к Вам деловое предложение по еще большей раскрутке Вашего сайта, увеличению притока посетителей на Ваш сайт и созданию бизнеса в Интернете с доходом от 300 долларов в неделю на первоначальном этапе.  Это реальный шанс построить за короткое время себе пассивный доход. Для этого просто добавьтесь ко мне с скайп: XXXXXXXX и я дам Вам информацию, а Вы оцените насколько это может Вам помочь.

    1. Вячеслав Балашов

      Я считаю, что Вам, Алексей стоит научиться искать партнеров и клиентов более цивилизованными способами.
      Тем более, что меня уже года три не интересуют супер-гипер-мега-проекты, в которых можно “заработать” ничего не делая – эти легенды лучше рассказывать новичкам на буксах и САРах.
      Кстати, это первый и последний комментарий такого типа, который я пропускаю на блоге. Остальные будут оправляться в СПАМ, как и все то, что навязчиво и не требует труда.

    1. Вячеслав Балашов

      Можешь улыбнуться, но у меня канал сдох в конце октября.
      Неудивительно. что ты его не нашел https://balashoff.ru/wp-content/plugins/wp-monalisa/icons/buba.gif
      Сапожник без сапог…

  5. У меня форма подписки тоже не очень красивая, но я предпочитаю использовать HTML и CSS для создания чего-либо. В основном пользуюсь FrontPage и Dreamweaver8

  6. Столько интересной и полезной информации!
    Вячеслав,мои подписчики получают письмо с уведомлением о подписке на английском языке – что я делаю не так?

  7. Здравствуйте, Вячеслав! Подскажите пжл, куда именно я должна вставить Ваш код в файле single.php. Простите, я новичок в этом деле, боюсь ковыряться в файлах.https://balashoff.ru/wp-content/plugins/wp-monalisa/icons/de.gif

    1. Вячеслав Балашов

      Ольга, вставьте код в то место, где хотите увидеть вашу форму подписки.
      В каждой теме нужно смотреть индивидуально.
      Но как правило, форма ставится ближе к концу файла.
      Экспериментируйте – должно получиться раза с 5-6-го https://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif
      Только ОБЯЗАТЕЛЬНО сделайте бэкап файла!

  8. Ну наконец-то у меня что-то не получилось по Вашим рекомендациям…https://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif
    Пыталась разместить подписку на RSS у себя на блоге. Номер не вышел. При размещении кода в single.php он получается в подвале и кривой.
    Хочу такую же подписку как у Вас, Вячеслав, с именем и адресом. И чтобы она была в статьях. Только правда другого цвета в коричнево-розовых.
    Возможно ли это?
    Заранее спасибо.
    С уважением Ольга Марченко.

    1. Вячеслав Балашов

      Возможно, Ольга, но может, ваша тема не корректно работает? У меня недавно был такой случай, когда клиенту код социальных кнопок не могли поставить из-за его темы.
      А цвет изменить не проблема.

  9. Николай Гижицкий

    Как то не устойчиво работает FeedBurner!
    Пора переводить на свой рассылочный сервис.
    А как было удобно, когда все работало на 100%.
    Сам на многих сайтах подписан…

  10. Извините, кнопочки понажимала и неоднократно, а файла с кодом формы подписки так и не увидела? Я так понимаю, что это был скрытый контнет. Так где же он?
    https://balashoff.ru/wp-content/plugins/wp-monalisa/icons/eyes.gif

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Пролистать наверх