Создаем свою форму подписки на обновления блога

как создать свою форму подписки на обновления блога Добрый день, уважаемые читатели и гости LediSeo! Популярность блога зависит от многих факторов – контент, подача материала, оптимизация, дизайн и какие то фишки, которые сделают ресурс привлекательным. В большинстве случаев мы используем стандартные темы шаблонов, стандартные формы функционала и в итоге один блог похож на другой. Чтобы этого не произошло достаточно внести небольшие изменения и уже шаблон будет выглядеть иначе, а скажем например форма подписки будет иметь совершенно другой вид. Именно по такому принципу и создается блог Отчаянной и сегодня я постараюсь ответить на Ваши вопросы и расскажу как создать свою форму подписки на обновления блога.

Думаю, все Вы знаете, что основная ценность ресурса, будь то блог или сайт, – это его подписчики, постоянные читатели, которые подписываются на получение анонсов новых материалов через e-mail. Эти люди являются постоянной Вашей аудиторий, Вы с ними видете диалог.

Чтобы организовать подписку на обновления блога и тем самым создать базу подписчиков мы можем воспользоваться двумя различными сервисами — FeedBurner и SmartResponder. Первый сервис полностью бесплатный и позволяет автоматически, после публикации статьи на блоге, отправлять ее анонс подписчикам. SmartResponder имеет два варианта использования – бесплатно и платно.В платном аккаунте появляется возможность использовать дополнительные функции. Отличительной чертой сервиса в отличие от FeedBurner является то, что здесь Вам самим необходимо загружать письма с анонсами, но с другой стороны я могу со своего аккаунта в SmartResponder выслать любое письмо с информацией, а не только анонс. Что очень удобно.

Оба этих сервиса позволяют сгенерировать форму подписки на обновления блога, но эти формы выглядят стандартны образом – как у всех, я же решила их сделать индивидуальными, но с сохранением функционала. И сегодня я расскажу как создать свою форму подписки от сервиса FeedBurner

Сервис FeedBurner я подробно рассматривала в своих статьях Feedburner — создание и настройка rss — ленты и Feedburner- создание и настройка rss- ленты ( часть 2) , где подробно описывала как получить код формы подписки. После того, как Вы пропишете полученный  и отредактированный код у Вас на блоге появится примерно вот такая форма,

Создаем свою форму подписки на обновления блога

за вывод которой отвечает код

Укажите Ваш email адрес:

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

Цвет границы, ее размер и вид можно изменить с помощью кода

1

border:1px solid #ccc;

где 1px – толщина границы, solid – вид границы, а #ccc – цвет границы.

С толщиной думаю сами сможете разобраться, а вот границы еще бывают следующего вида:

Атрибут Вид
dotter 2012-07-25_112129
dashed 2012-07-25_112140
double 2012-07-25_112149
groove 2012-07-25_112208

То есть Вам достаточно прописать вместо solid другой атрибут и вид границы измениться. Так же можно изменить и ее цвет прописав вместо #ccc, например #300202. Цветовой код Вы можете взять как в фотошопе, так и используя таблицы с html цветами, которые можно найти в интернете.

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

иконка rss

Загружаем ее на блог и копируем ее адрес. Составляем в текстовом файле html –код, который позволит вывести иконку rss, а также небольшой текст – пояснение, что получат читатели подписавшись на наш ресурс. У меня этот код имеет следующий вид

 

Готовим новые салаты :

— салаты из курицы — салаты из мяса — салаты из овощей — салаты из фруктов — салаты из рыбы — салаты из морепродуктов — салаты разные

Получившийся код вставляем перед закрывающимся тегом </form> и в результате у нас код формы подписки принимает вид

Укажите Ваш email адрес:

Готовим новые салаты :

— салаты из курицы — салаты из мяса — салаты из овощей — салаты из фруктов — салаты из рыбы — салаты из морепродуктов — салаты разные

Размещаем данный код в виджет произвольно html кода или же в случае когда Вы отредактировали боковую колонку, то в файл sidebar.php в необходимое нам место. Сохраняем произведенные изменения и отрываем блог. Обычная стандартная форма подписки на обновления блога у нас превратилась в

Создаем свою форму подписки на обновления блога

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

Надеюсь, я этим постом ответила Вам, моим читателям, о том как создать свою форму подписки на обновление блога. На сим я прощаюсь, всем удачи и до новых встреч !

С уважением, Отчаянная

Вам понравилась статья? Расскажите о ней друзьям!