用Blogger聯絡表單生成一個Contact Us頁面

Views

Google Blogger本身提供了一個簡單好用的聯絡表單讓訪客可以不用登入不用訂閱即可寄出一封留言email給部落格格主.

最簡單的做法就是利用Blogger後台的[版面配置]→[+新增小工具]加在側欄或是footer頁腳.


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

第一步,先用[+新增小工具]把[聯絡表單]加在側欄
第二步,回到Blogger後台新增一個空白的網頁,先填好標題發佈後copy新網頁的網址.

第三步,在新網頁內選[HTML], 然後貼上下面的HTML程式碼, 按[更新].


第四步,回到Blogger後台, 到[主題] → [編輯HTML]
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-232.png
然後用 Ctrl+F 在搜尋列中找到]]></b:skin> 在上方貼入下面的CSS程式碼.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-233.png
div#ContactForm1 {
display: none !important;
}

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

第五步,在你的網頁標題欄加上剛才新增的Contact Us網址, 就成功了. 請看實例.

<更新>
並不建議各位用Blogger本身的連絡表單來做一個Contact Us的頁面, 因為經測試, Blogger本身的這個"連絡表單"好像不太穩定, 常有寄出的訊息, 格主並收不到. 

所以為保險起見, 建議使用Google Forms 來做"連絡表單". 至少幾經測試, 並未出現漏接的情況, 而且Google Forms的連絡表單還可以允許訪客附上附件. 詳情請看: 用Google Forms製作一個聯絡表單


這裡有詳細的youtube 影片教你怎麼做.

2 則留言:

  1. 你好,按照你說的,做了一個聯絡的頁面。但測試寄給自己,郤收不到耶。請問是哪裡出錯了?謝謝。

    回覆刪除
    回覆
    1. 您好,這個好像真的沒用,要不,試一下這一篇的"用google forms來做一個聯絡表單"?這個確定有用哦!

      https://365ordinarydays.blogspot.com/2019/10/google-forms.html

      刪除