Страница обратной связи для блогов на платформе Blogger \ Blogspot.com

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


Входим в админку Blogger, в левой колонке выбираем Дизайн , а затем, уже в на загрузившемся блоке, находим Добавить гаджет.

Выбираем Дополнительные гаджеты -> Форма связи и сохраняем расположение.

Отправляемся по пути Шаблон -> Изменить HTML

В выпадающем списке виджетов (гаджетов) выбираем ContacForm1, именно этот код отвечает за вывод гаджета обратнйо связи в сайдбаре. 

Нажимаем на указатель, что бы расширить код виджета.

Затем еще раз повторяем расширение кода.

Выделяем код, начиная с <b:if cond='data:title != &quot;&quot;'> и по строчку <b:include name='quickedit'/>.

Удаляем выделенное, чтобы от начального кода гаджета обратной связи, остались вот такие строчки: 

Сохраняем шаблон. Смотрим на Ваш блог: формы обратной связи в сайдбаре уже нету. Если Вы всё правильно удалили, то это будет правильным результатом.

Последним шагом будет создание страницы обратной связи. Для этого выбираем Страницы -> Создать страницу -> Пустая.  На странице создание нажимаем Параметры и ставим точки на против  "Не разрешать, скрывать существующие" и  "Интерпретировать введенный HTML-код".

Над полем для ввода текста есть строчка 'Создать | HTML', нажмите на второй вид, то есть html. Теперь в само поле вставьте такой код:

<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>

Демонстрация страницы с формой обратной связи: https://www.ipetrenko.com/p/contacts.html
Удачного общением Вам, Alles Gute)