Как сделать красивую форму подписки на 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. Тогда форма подписки элегантно впишется после кнопок социальных сетей.

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

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

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

Подписывайтесь на мой канал в Телеграм - там все про распаковку экспертости!



Хотите получать свежие статьи себе на почту?

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Прокрутить вверх