У многих более-менее опытных блоггеров существует личная почтовая рассылка на smartresponder. Оформление подписки на нее – это не оформление на обновления блога по RSS, но привлечение трафика и заработок с помощью этой рассылки очень эффективен, когда у автора рассылки имеются собственные сайты.
К сожалению форма подписки, которую предоставляет сервис smartresponder, как бы вы ее не редактировали на этом сайте, далека от совершенства и выглядит примерно так:
Ни фон, ни рамочки не сделают ее внешне приятной глазу. Поэтому многие веб мастера пытаются ее приукрасить, кто как умеет. Я предлагаю вашему вниманию свое решение этого вопроса, пусть далеко не совершенного в качестве созданных картинок, но вы можете нарисовать их лучше, используя свои графические редакторы или онлайн сервисы.
Главное – тот принцип, о котором я хочу рассказать.
Итак вы создали свою почтовую рассылку на smartresponder и вышли на страницу создания форм рассылки, для того, чтобы своими усилиями и с помощью этого сервиса создать форму и получить HTML-код для вставки в сайдбар сайта.
Выбираете название, определяете фразы, вводимые в фому…
Затем приступаете к оформлению самой формы: 
Поколдовав, получаете код: 
Весь смысл сводится к тому, что бы сделать необходимые замены в этих трех кодах, отвечающих за вид вводимых слов в форме подписки. Фразы “Ваш e-mail”, “Ваше имя” и “Подписаться”(или что-то вроде этого), нужно заменить на картинки.
Вот исходные коды в форме подписки, которые нужно заменить:
[stextbox id=”grey”]
<tr><td style=”font-family: Verdana; font-size: 8pt; color: #000000; font-weight: bold;” align=”center”>Ваш e-mail: <font color=”#ff0000″><b>*</b></font></td></tr>
<tr><td style=”font-family: Verdana; font-size: 8pt; color: #000000; font-weight: bold;” align=”center”>Ваше имя: <font color=”#ff0000″><b>*</b></font></td></tr>
<tr><td align=”center”><input name=”SR_submitButton” type=submit style=”font-family: Verdana; font-size: 8pt; color: #000000; font-weight: bold;” value=”Подписаться”></td></tr>
[/stextbox]
Вместо выделенных кодов, нужно вставить коды нарисованных картинок, которые нужно загрузить на сервер для того, что бы иметь их адрес, а затем сделать код, похожий на этот:
img src=”http://ваш_домен/папка/имя картинки.jpg
Способов загрузки несколько, но я поделюсь своим, на мой взгляд самым простым. В админпанели, заходим в “Медиафайлы” и загружаем их. Теперь, в окне, где они представлены, выбираете по очереди в библиотеке медиафайлов,
наведя курсор ниже файла и нажав на “изменить”, в открывшемся окне внизу будет та самая ссылка на файл( адрес картинки).
Вот как эти картинки выглядят у меня( не смеяться! у меня даже фотошопа сейчас нет :))
<img src=”https://prt56.ru/wp-content/uploads/2012/04/64.jpg> –ваш e-mail
<img src=”https://prt56.ru/wp-content/uploads/2012/04/74.jpg> – ваше имя
<imag src=”https://prt56.ru/wp-content/uploads/2012/04/86.jpg> – подписаться
А затем сделайте соответствующие замены в вышеуказанных вначале статьи выделенные жирным коды на вновь созданные.
Вот как будут представлены теперь эти коды. Ими нужно будет заменить в общем коде формы подписки старые.
[stextbox id=”grey”]
<tr><td align=”center”><p><input type=”image” src=”https://prt56.ru/wp-content/uploads/2012/04/64.jpg” /></p></td></tr>
<tr><td align=”center”><p><input type=”image” src=”https://prt56.ru/wp-content/uploads/2012/04/74.jpg” /></p></td></tr>
<tr><td align=”center”><p><input name=”SR_submitButton” type=”image” src=”https://prt56.ru/wp-content/uploads/2012/04/86.jpg“></p></td></tr>
[/stextbox]
А теперь заменяем коды в созданной форме подписки на smartresponder. Должно получиться что-то вроде этого.
Примечание: при создании формы, я выбрал белый фон и убрал рамку. Быть ли им на вашей форме, решайте сами.
А вот что рекомендует в своем видео подкасте Александр Новиков, чтобы создать красивую форму подписки на smartresponder:
Вот и все, дерзайте!