Bloggerの連絡フォームガジェットを個別ページに移動させる方法

CSSに以下を追加
div#ContactForm1 {
display: none !important;
}

レイアウト (から) > (適当な所に) ガジェットを追加 > 連絡フォーム を追加
(先にCSSを追加してしまうと、レイアウトに追加されてもレイアウト画面から消えてしまう事があるので、CSSの追加は後から行って下さい)

これで追加した 連絡フォーム が非表示になります

ページ > + 新しいページ
HTML ビュー で以下のコードを貼り付け

<div class='contact-form-widget'>
    <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=''/><br/>
        メール *
        <br/>
        <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/><br/>
        メッセージ *
        <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' value='送信' type='button'/>
          <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>

ページのパーマリンクを決める為、初回はタイトルを Contact 等にしておきます
公開して終わりです

例:
https://furiouzps.blogspot.com/p/contact.html

追記
送信 ボタンを押しても何も反応が無い場合はガジェットを
メイン (エリア) 内

ブログの投稿
「ブログの投稿」ガジェット
の上下などに追加します