Красивая форма подписки FeedBurner
В одной из наших статей мы гласили о том, как создать форму подписки FeedBurner на своём веб-сайте. Но тот, кто попробовал сделать такую, наверное увидел скудность её дизайна. Форма подписки Feed Burner представляет собой просто белоснежное поле с местом для ввода электрической почты, подтверждающей клавишей и маленьким призывным сообщением.
Эта весьма печальная форма быть может просто преобразована в колоритную, прекрасную и симпатичную форму подписки. Для того чтоб разобрать этот вопросец, нам придётся погрузиться в кодовые дебри.
Как создать прекрасную форму подписки FeedBurner
Для того чтоб создать прекрасную форму подписки на FeedBurner, нужно отредактировать код, предложенный обслуживанием Feed Burner. Для начала необходимо поделить его на несколько строк.
1-ая строчка обязана начинаться на <form style… Тут следует убрать ненадобную рамку border:1px solid #ccc; и заместо неё написать фон background-color: #000000; Параметр #000000 можно настроить по собственному желанию – это цвет фона.
2-ая строчка обязана представлять собой надпись <p>Enter your email address:</p>. Её нужно поменять на последующий код:
<img style=”width: 000px; height: 000px;” src=”адресок рисунки”/></p><p>сообщение о призыве подписаться<strong></p>
Width и height – это характеристики высоты и ширины рисунки. Нужную картину нужно поначалу загрузить на хостинг, а позже указать её адресок. Сообщение о призыве подписаться следует написать на самой картинке либо перед сиим кодом. При всем этом к надписи могут быть использованы надлежащие коды, характеризующие стиль текста: жирность, курсив, размер и т.п.
3-я строчка начинается с <p><input type=”text”… Она отвечает за поле ввода адреса почты. Её нужно удалить и заместо неё написать:
<p>input id=”src” style=”width: 000 px; background-color: #fff;” type=”text” name=”email” value=”Введите email” onfocus=”if(this.value==this.defaultValue)this.value=”;” onblur=”if(this.value==”)this.value=this.defaultValue;” /></center></p>
Width – указывает ширину поля ввода электрической почты. Можно отредактировать надпись в поле ввода.
4-ая строчка начинается на <input type=”hidden… Её оставляем как есть.
5-ая строчка начинается на <input type=”hidden”… Её заменяем на:
<input style=”width: 000px; height: 000px; padding-bottom: 10px;” src=” адресок рисунки” type=”image” />
Эта строчка на клавишу, на которую нужно будет надавить, чтоб подписаться. Её картину нужно загрузить на хостинг и указать в коде адресок к ней. Width и heigh демонстрируют размеры рисунки.
Шестая строчка начинается на <p>Delivered by <a href… Её стопроцентно удаляем и заместо неё пишем конец формы </form>.
Всё. Если приобретенный код поставить в виджет, то вы получите прекрасную форму подписки на собственный веб-сайт, вкупе с вашими картинам. Помните, что от цветов и картинок существенно зависит удачливость формы. Мы писали о этом в статье о рекламе.
