Форма обратной связи на отдельной странице для блогер

Блог, это не просто страница в интернете, которой можно похвастаться перед друзьями, это ещё и не плохой способ заработать. Хорошо раскрученный блог, может принести довольно приличную прибыль с рекламы, но чтобы так было надо не только разместить интересный контент, но и сделать удобную навигацию. 

Скажем, человек, зашёл к вам на блог, прочитал статью и решил задать вопрос лично. На других ресурсах, для этих целей,  есть форма обратной связи. В блогер предусмотрен гаджет «Форма для связи», но его можно поставить только в боковую (сайд бар) или нижнюю (футер) часть блога, что не очень удобно. Намного удобнее реализовать эту функцию на отдельной странице.

Как это сделать?

Первое. Надо добавить стандартный гаджет в сайд бар или в футер.

Второе. Создать новую страницу и назвать её по теме, скажем обратная связь, контакты, сообщения, или так как вам нравится. С правой стороны, в разделе «Параметры» установите галочку на пункт «Использовать клавишу Enter для переноса строк» и нажмите готово.

Третье. Перейти в режим редактирования страницы «HTML» и удалить то, что будет на этой странице вставить этот код, который я взял на одном из сайтов.

<form name="contact-form"> <p></p> Имя <input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /> <p></p> Адрес e-mail <span style="color: red; font-weight: bolder;">*</span> <p></p> <input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /> <p></p> Сообщение<span style="color: red; font-weight: bolder;">*</span> <textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> <p></p> <input id="ContactForm1_contact-form-submit" type="button" value="Отправить" /> <div style="max-width: 222px; text-align: center; width: 100%;"> <div id="ContactForm1_contact-form-error-message"> </div> <div id="ContactForm1_contact-form-success-message"> </div> </div> </form> <style type="text/css"> /* Menyembunyikan elemen dalam postingan */ #comments, #blog-pager, .breadcrumbs, .post-footer{display:none} </style>

Теперь есть форма обратной связи и на отдельной странице и там где вы поставили стандартную, которую теперь нам надо скрыть. На многих сайтах предлагают вставить код над строкой ]]></b:skin> которую я не нашёл. Поэтому воспользовался другим советом.

Из главного меню, переходим в раздел «Шаблон», в нижней части изображения шаблона жмём «Изменить HTML», далее в верхней части кликаем на «Список виджетов» и выбираем пункт «ContactForm1».

Ищем строку, в которой будет написано ContactForm1, с левой стороны напротив этой строки будет чёрный треугольник, кликаем на него чтобы расширить код, после таким же действием ещё раз расширяем код. Теперь надо удалить часть кода, который выделен серым цветом на фото ниже, и жмём сохранить шаблон.

Всё, на сайте обратная связь размещена на отдельной странице и скрыта стандартная, также, на этой странице, можно поместить приветственный текст, чтобы мотивировать ваших посетителей написать. 

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