Форма контактов для Blogger: Контакты на отдельной странице

Как создать форму контактов на отдельной странице

В инструментах Blogger появился виджет "Форма для связи". Однако, есть один нюанс. По умолчанию эта форма устанавливается на боковую панель блога. Удобнее всего ее  сделать на отдельной странице...

Для того чтобы не создавать новую отдельную страницу для  формы контактов, я использовал уже имеющуюся  — КОНТАКТЫ, куда собственно и поместил уже готовый код.

 Существует несколько вариантов добавления формы контактов на blogger.com:

•  сторонние инструменты создания любых видов форм;
•  установка гаджета Форма обратной связи на боковой панели;
• вставка кода формы на отдельной странице. 

Подробная инструкция для создания формы

1. Создайте новую страницу и откройте ее в режиме html редактора;
2. Скопируйте приведенный ниже код  <form name='contact-form'>...</form>  и вставьте его;
3.  Найдите следующий HTML-код в шаблоне вашего блога ]]></b:skin> и именно перед ним добавьте div#ContactForm1{display: none !important;} и ваша форма будет скрыта.

<form name='contact-form'><div>Ваше имя: </div><input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/><br />
	<br />
	<div>Email: <em>(обязательно)</em></div><input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/><br />
	<br />
	<div>Сообщение: <em>(обязательно)</em></div><textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea><br />
	<br />
	<p></p><input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Отправить'/><br />
	<br />
	<div style='text-align: center; max-width: 450px; width: 100%'><p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p><p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p></div></form>

  

Теперь заполните все поля и попробуйте себе отправить письмо! На вашу почту прийдет такое сообщение:[PSWS] Получено новое сообщение.

Входящие

Форма для связи Blogger

пн, 28 авг., 00:10

Привет! С уважением, aleks | email@gmail.com Примечание. Это письмо отправлено с помощью гаджета "Форма для связи" из блога https://secretwsemswet.blogspot.com  

 ★ Если не пришло письмо на почту, проверьте папку спам.