Делаю форму подписки по электронной почте для новых читателей моего блога
Привет Вам, мои дорогие читатели, сегодня я сделаю несколько операций, после которых, мои потенциальные читатели смогут подписаться на новые материалы моего блога. В прошлой статье я настроил 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&fg=000000&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 — кодом:
Подпишись на обновления Блога >>> <a title="подписаться на анонсы новых статей" href="http://feedburner.google.com/fb/a/mailverify?uri=howmakeitru&loc=ru_RU" target="_blank">по электронной почте</a> или<a href="http://feeds.feedburner.com/howmakeitru" rel="alternate" type="application/rss+xml"> по RSS</a>!
Результат можно увидеть в конце статьи, в последней строке блока об авторе. На этом сегодняшняя работа закончена, если есть вопросы пишите! Всегда рад помочь!
Добрый день! Очень полезная статья! Сделал себе такую же форму. А есть ли статья (по поиску не нашел) как сделать такой же красивый, как у Вас блок «Автор».
Спасибо
Владимир, как делать красивый блок об Авторе, можно прочесть здесь — http://howmakeit.ru/kak-vyvesti-informaciyu-ob-avtore/
Так как мой блог о создании блога, то я стараюсь всё, что сделано на моем блоге сразу описывать! Если будут вопросы — рад ответить!