Создаем свою форму подписки на обновления блога
Добрый день, уважаемые читатели и гости LediSeo! Популярность блога зависит от многих факторов – контент, подача материала, оптимизация, дизайн и какие то фишки, которые сделают ресурс привлекательным. В большинстве случаев мы используем стандартные темы шаблонов, стандартные формы функционала и в итоге один блог похож на другой. Чтобы этого не произошло достаточно внести небольшие изменения и уже шаблон будет выглядеть иначе, а скажем например форма подписки будет иметь совершенно другой вид. Именно по такому принципу и создается блог Отчаянной и сегодня я постараюсь ответить на Ваши вопросы и расскажу как создать свою форму подписки на обновления блога.
Думаю, все Вы знаете, что основная ценность ресурса, будь то блог или сайт, – это его подписчики, постоянные читатели, которые подписываются на получение анонсов новых материалов через e-mail. Эти люди являются постоянной Вашей аудиторий, Вы с ними видете диалог.
Чтобы организовать подписку на обновления блога и тем самым создать базу подписчиков мы можем воспользоваться двумя различными сервисами — FeedBurner и SmartResponder. Первый сервис полностью бесплатный и позволяет автоматически, после публикации статьи на блоге, отправлять ее анонс подписчикам. SmartResponder имеет два варианта использования – бесплатно и платно.В платном аккаунте появляется возможность использовать дополнительные функции. Отличительной чертой сервиса в отличие от FeedBurner является то, что здесь Вам самим необходимо загружать письма с анонсами, но с другой стороны я могу со своего аккаунта в SmartResponder выслать любое письмо с информацией, а не только анонс. Что очень удобно.
Оба этих сервиса позволяют сгенерировать форму подписки на обновления блога, но эти формы выглядят стандартны образом – как у всех, я же решила их сделать индивидуальными, но с сохранением функционала. И сегодня я расскажу как создать свою форму подписки от сервиса FeedBurner
Сервис FeedBurner я подробно рассматривала в своих статьях Feedburner — создание и настройка rss — ленты и Feedburner- создание и настройка rss- ленты ( часть 2) , где подробно описывала как получить код формы подписки. После того, как Вы пропишете полученный и отредактированный код у Вас на блоге появится примерно вот такая форма,
за вывод которой отвечает код
Чтобы придать этой форме особенный вид необходимо внести несколько изменений в код. Например, изменить цвет границы, добавить картинку ссылку на подписку по rss и при желании описать коротко что будут получать люди подписавшиеся на обновления блога.
Цвет границы, ее размер и вид можно изменить с помощью кода
1 | border:1px solid #ccc; |
где 1px – толщина границы, solid – вид границы, а #ccc – цвет границы.
С толщиной думаю сами сможете разобраться, а вот границы еще бывают следующего вида:
Атрибут | Вид |
dotter | ![]() |
dashed | ![]() |
double | ![]() |
groove | ![]() |
То есть Вам достаточно прописать вместо solid другой атрибут и вид границы измениться. Так же можно изменить и ее цвет прописав вместо #ccc, например #300202. Цветовой код Вы можете взять как в фотошопе, так и используя таблицы с html цветами, которые можно найти в интернете.
Далее находим интересную картинку или рисуем сами в фотошопе, которая бы служила иконкой для rss – ленты.
Загружаем ее на блог и копируем ее адрес. Составляем в текстовом файле html –код, который позволит вывести иконку rss, а также небольшой текст – пояснение, что получат читатели подписавшись на наш ресурс. У меня этот код имеет следующий вид
Готовим новые салаты :
— салаты из курицы — салаты из мяса — салаты из овощей — салаты из фруктов — салаты из рыбы — салаты из морепродуктов — салаты разные
Получившийся код вставляем перед закрывающимся тегом </form> и в результате у нас код формы подписки принимает вид
Размещаем данный код в виджет произвольно html кода или же в случае когда Вы отредактировали боковую колонку, то в файл sidebar.php в необходимое нам место. Сохраняем произведенные изменения и отрываем блог. Обычная стандартная форма подписки на обновления блога у нас превратилась в
Вот таким простым способом можно создать свою форму подписки на обновления блога, как видите ничего сложного в этом нет. Немного фантазии и Ваш блог получает индивидуальную фишку. Пробуйте, экспериментируйте.
Надеюсь, я этим постом ответила Вам, моим читателям, о том как создать свою форму подписки на обновление блога. На сим я прощаюсь, всем удачи и до новых встреч !
С уважением, Отчаянная
Возможно Вам это будет интересно:
Вам понравилась статья? Расскажите о ней друзьям!
Светлана, вы разве прописали урл ленты rss в коде? Я просмотрела ваш код и что же вижу? Вот ваш код с блога
<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=Svetoinvesticiya/blog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>ВВЕДИТЕ СВОЙ E-MAIL</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="Svetoinvesticiya/blog" name="uri"/><input type="hidden" name="loc" value="ru_RU"/><input type="submit" value="Получать статьи" /><a href="http://svetoinvesticiya.ru/wp-content/uploads/2013/08/rss-1.png"><img src="http://svetoinvesticiya.ru/wp-content/uploads/2013/08/rss-1.png" alt="rss 2" width="128" height="128" class="aligncenter size-full wp-image-1241" /></a></form>
ПОВТОРЯЮ, ЧТОБЫ КАРТИНКА ВЕЛА НА ЛЕНТУ RSS ВАМ НЕОБХОДИМО В ОТМЕЧЕННОМ МНОЮ МЕСТЕ (ЗДЕСЬ УРЛ ЛЕНТЫ) ПРОПИСАТЬ АДРЕС ЛЕНТЫ И ПОСЛЕ ВНЕСЕНИЯ ИЗМЕНЕНИЙ НАЖАТЬ НА КНОПКУ СОХРАНИТЬ ИЛИ ОБНОВИТЬ.
<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=Svetoinvesticiya/blog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>ВВЕДИТЕ СВОЙ E-MAIL</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="Svetoinvesticiya/blog" name="uri"/><input type="hidden" name="loc" value="ru_RU"/><input type="submit" value="Получать статьи" /><a href="ЗДЕСЬ УРЛ ЛЕНТЫ"><img src="http://svetoinvesticiya.ru/wp-content/uploads/2013/08/rss-1.png" alt="rss 2" width="128" height="128" class="aligncenter size-full wp-image-1241" /></a></form>
БУДЬТЕ ВНИМАТЕЛЬНЫ!!
Светлана, чтобы при нажатии на картинку отражалась лента необходимо в ваш код прописать адрес ленты (смотрите ниже в коде и вместо слов ЗДЕСЬ АДРЕС ЛЕНТЫ пропишите url ленты rss
<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=Svetoinvesticiya/blog’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);return true»><p>Введите свой e-mail</p><p><input type=»text» style=»width:140px» name=»email»/></p><input type=»hidden» value=»Svetoinvesticiya/blog» name=»uri»/><input type=»hidden» name=»loc» value=»ru_RU»/><input type=»submit» value=»Получать статьи» /><a href=» ЗДЕСЬ АДРЕС ЛЕНТЫ»><img src=»http://svetoinvesticiya.ru/wp-content/uploads/2013/08/rss-1.png» alt=»rss 2″ width=»128″ height=»128″ class=»aligncenter size-full wp-image-1241″ /></a></form>