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

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

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

По умолчанию он выглядит вот так:

<form style="border:1px solid #ccc;padding:3px;text-align:center;" 
action="http://feedburner.google.com/fb/a/mailverify" method="post" 
target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=howmakeitru',
'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email 
address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden"
value="howmakeitru" name="uri"/><input type="hidden" name="loc" value="ru_RU"/>
<input type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" 
target="_blank">FeedBurner</a></p></form>

Можно ничего не менять, зайти в панель управления своего блога >>> Внешний вид >>> Виджеты и добавить вкладку Текст (произвольный текст или HTML-код) в боковой или нижний сайдбар. Сделать заголовок, например: Подпишись на Блог! Вставить код формы подписки и сохранить.

После этого не сложного действия, на блоге в боковом или нижнем сайдбаре, смотря куда его поместить, появиться форма подписки по электронной почте, которая будет выглядеть так:

Как-то не по русски это выглядит, поэтому немного исправлю и дополню код. Чтобы все надписи были на русском языке, и еще покрашу рамку в оранжевый цвет и уберу рекламу FeedBurner. Вот уже исправленный код:

<form style="border:1px solid #e4320c;padding:3px;text-align:center;" 
action="http://feedburner.google.com/fb/a/mailverify" method="post" 
target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=howmakeitru', 
'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<p><font color="#e4320c" size="-1"><B>Присоединяйся!<BR> 
Введи свой e-mail:</B></font></p><p><input type="text" style="width:140px" 
name="email"/></p><input type="hidden" value="howmakeitru" name="uri"/>
<input type="hidden" name="loc" value="ru_RU"/><input type="submit" value="Отправить" /><p></form>

Теперь моя форма подписки для читателей на блог по электронной почте немного преобразилась и выглядит так:

Я мог бы так ее и оставить на первое время, но как это не удивительно, моя RSS-лента работает через Feedburner всего 2 дня, а у меня уже 9 подписчиков. Эту скромную цифру можно показать счетчиком, который любезно предоставляет сервис FeedBurner. Захожу в фидбюрнер >>> вкладка Публикуй >>> FeedCount.

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

<form style="border:1px solid #e4320c;padding:3px;text-align:center;" 
action="http://feedburner.google.com/fb/a/mailverify" method="post" 
target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=howmakeitru', 
'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<B><font color="#e4320c" size="-1">Блог Читают:</font></B><BR>
<a rel="nofollow" href="http://feeds.feedburner.com/howmakeitru">
<img src="http://feeds.feedburner.com/~fc/howmakeitru?bg=FF6600&amp;fg=000000&amp;anim=0" 
height="26" width="88" style="border:0" alt="" /></a></p>
<p><font color="#e4320c" size="-1"><B>Присоединяйся!<BR> Введи свой e-mail:
</B></font></p><p><input type="text" style="width:140px" name="email"/></p>
<input type="hidden" value="howmakeitru" name="uri"/><input type="hidden" name="loc" value="ru_RU"/>
<input type="submit" value="Отправить" /><p></form>

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

Теперь всё готово, осталось подписаться на свой блог, не ради увеличения цифры на счетчике, а ради испытания самой формы, и чтобы всегда быть в курсе работоспособности своей RSS-ленты и рассылки новых публикаций.

Ещё, небольшое добавление я сделаю в свой блок об авторе сайта, в конце этого блока вместо счетчика сколько статей я написал, лучше размещу строку на подписку по электронной почте и  RSS. Я помещу строку со следующим html — кодом:

 Подпишись на обновления Блога &gt;&gt;&gt; <a title="подписаться на анонсы новых статей"
 href="http://feedburner.google.com/fb/a/mailverify?uri=howmakeitru&amp;loc=ru_RU"
 target="_blank">по электронной почте</a> или<a href="http://feeds.feedburner.com/howmakeitru"
 rel="alternate" type="application/rss+xml"> по RSS</a>!

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