Как создать страницу контактов для Blogger?

1. Добавьте контактную форму на боковую панель блога , «показать контактную форму»

«Темы»> «Редактировать HTML».

Найти следующий код:

]]></b:skin>

и вставить следующий код CSS

div#ContactForm1{display: none !important;}

 прямо над  ]]></b:skin>

 

Это будет означать, что контактная форма скрыта с главной страницы, и в этом случае будет работать только на странице, которую нужно создать в режиме HTML, и в которую нужно добавить следующий код:

<p>&nbsp;</p>
<style>
.page-contact-form input,.page-contact-form textarea {width: 100%;max-width: 100%;margin-bottom: 10px;}
.page-contact-form input.contact-form-button.contact-form-button-submit {padding: 10px;background: #ea6337; color: #fff;border: none;}
.page-contact-form input.contact-form-button.contact-form-button-submit:hover {background: #d85b32;color: #fff;}
</style>
<div class="contact-form-widget page-contact-form">
<div class="form">
<form name="contact-form">
Как Вас зовут?:<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
E-mail: <span id="required">*</span><br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
Сообщение: <span id="required">*</span><br />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Отправить" />
  <br/>
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</form>
</div>
</div>

 После чего должна будет получиться такая форма на странице Контакты

 В некоторых шаблонах Форма обратной связи не скрывается, CSS кодом:  div#ContactForm1{display: none !important;}

Тем самым, если форма не нужна в отображаемых гаджетах скройте её и всё

Обязательно не забудьте проверить на работоспособность созданной формы.