Blogger聯絡表單contact us放到獨立網頁內文的方法！

但如果想要把"聯絡表單/Contact Us"放到網頁的標題欄, 那該怎麼做呢？

第一步，先用[＋新增小工具]把[聯絡表單]加在側欄

第二步，回到Blogger後台新增一個空白的網頁，先填好標題發佈後copy新網頁的網址.

第三步，在新網頁內選[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 />

<div>

eMail: <i>(required)</i></div>

<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />  

<br />

<div>

留言: <i>(required)</i></div>

<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>

<br />

<br />

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" />

<div style="max-width: 450px; text-align: center; width: 100%;">

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

</div>

</form>

第四步，回到Blogger後台, 到[主題] → [編輯HTML]

然後用 Ctrl+F 在搜尋列中找到]]></b:skin> 在上方貼入下面的CSS程式碼.

div#ContactForm1 {
display: none !important;
}

(這一步驟會移除側欄的聯絡表單)

第五步，在你的網頁標題欄加上剛才新增的Contact Us網址, 就成功了。