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

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

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

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

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

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

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

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

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

[share-locker locker_id=”6ece2fb0abe9f5fbf” theme=”blue” message=”Нажмите на кнопку соцсетей и увидите скрытый контент!” facebook=”true” likeurl=”CURRENT” google=”true” googleurl=”CURRENT” tweet=”true” tweettext=”” tweeturl=”CURRENT” follow=”true” linkedin=”true” linkedinurl=”CURRENT” vklike=”true” vklikeurl=”CURRENT” odnmaillike=”true” odnmaillikeurl=”CURRENT”]

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

 

<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>

[/share-locker]

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

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

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

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

Проверьте ещё

Wordpress не отправляет письма - что делать?

WordPress не отправляет письма – что делать?

Здравствуйте, друзья. Сегодня решил поделиться с вами решением одно распространенной проблемы с WordPress – дело …

20 комментариев

  1. Владислав Челпаченко

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

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

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

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

    • Вячеслав Балашов

      Спасибо за приглашения, Владислав.
      Ознакомлюсь с условиями и с удовольствием приму участие в марафоне, хотя видео пока не снимаю 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чше удалить тот, который есть и заменить все?

    • Вячеслав Балашов

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

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

    • Вячеслав Балашов

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

  5. Никита Рябин

    Искал в течении минут 5 подписку на rss, так и не нашёл. Ушёл не подписавшись.

    • Вячеслав Балашов

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

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

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

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

    • Вячеслав Балашов

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

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

    • Вячеслав Балашов

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

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

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

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

Добавить комментарий

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

http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/by.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/dn.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/bo.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/buba.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/eyes.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/drink.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/de.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/jokingly.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/bt.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/dt.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/cl.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/ca.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/bz.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/di.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/ab.gif 
 
ИНФОПРОДУКТЫ БЕСПЛАТНО

СКАЧАЙТЕ
FREE!

СКАЧАТЬ СЕЙЧАС!
close-link