Виджет обратной связи в Blogspot

Внешний вид виджета

Я уже писала о формах обратной связи, которые можно сгенерировать на сторонних сервисах, и уже после этого добавить на свой блог blogspot. Сегодня я расскажу о гаджете обратной связи от blogger, а также о том, как вынести этот гаджет на отдельную страницу блога.
Так выглядит этот виджет в сайдбаре блога:

Как добавить виджет на blogspot.

Перейдите во вкладку “Дизайн”, нажмите на ссылку “Добавить гаджет” и вы увидите перечень гаджетов.
Нам нужен дополнительный список, именно здесь вы найдете виджет обратной связи:

Добавляйте новый гаджет, редактируйте его название, выбирайте расположение и сохраняйте изменения.
Теперь письма от ваших читателей будут приходить на ваш основной e-mail (этот адрес почты используется вами для входа в аккаунт). Если у вас gmail, то письма будут приходить во вкладку Соц.сети:

Однако, существенный недостаток данного гаджета в том, что он располагается в сайдбаре блога, а это не всегда удобно.

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

Как перенести форму обратной связи на отдельную страницу блога или в сообщение

1. Создайте форму связи, как описано выше, выбрав специальный гаджет blogger.
2. Создайте новую страницу
   
3. Вставьте код, предложенный ниже
   

   <form name='contact-form'>
   <p></p>
   Имя
   <br/>
   <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
   <p></p>
   Электронная почта
   <span style='font-weight: bolder;'>*</span>
   <br/>
   <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
   <p></p>
   Сообщение
   <span style='font-weight: bolder;'>*</span>
   <br/>
   <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
   <p></p>
   <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Отправить'/>
   <p></p>
   <div style='text-align: center; max-width: 222px; 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>

   в режиме html:
   

4. Теперь идем во вкладку “Шаблон”, выбираем из перечня виджетов ContactForm1:
   
5. Раскрываем код виджета, кликнув на небольшой треугольник возле кода, как показано на скрине:
   
6. Снова раскрываем код, кликая по другому треугольнику, который откроется перед нами возле кода, как на скриншоте:
   
7. Теперь перед нами открылся полностью код виджета, из него нужно удалить часть, выделенную синим:
   
   Она начинается на <b:if cond=”data:title != &quote;quot;”> и заканчивается перед кодом <b:include name=”quckedit”/>. Эту строчку (<b:include name=”quckedit”/>) я рекомендую тоже удалить, это код быстрого редактирования виджета, он дает лишнюю ссылку с вашего блога.
8. Сохраните изменения. У вас должен пропасть виджет обратной связи из сайдбара, но остаться работоспособной форма контактов на созданной вами странице. Проверьте ее, отправив себе письмо.