Blogger 留言框自動顯示注意事項

前言：

接續「前一篇」的方法，本文的主題是使用另一種有效提醒留言者注意事項的方式──留言框自動顯示注意事項。Blogger 的留言框有兩種顯示方式，一種是文章內嵌留言框，另一種是彈出式留言框。內嵌留言框是採取 iframe 的方式，且 iframe 裡面的內容、資料都指向別的網域(非我們部落格的 blogspot 網域)，由於目前 WFU 還找不到跨網域存取資料的方法，因此內嵌留言框無法自動顯示留言注意事項，想要有此功能只能利用 "彈出式留言框" 了。

2012.9.13 公告

由於 Blogger 新範本串聯式留言修改了程式碼，本篇 hack 語法已經失效，故取消效果展示

在彈出的留言框中顯示預設文字，其原理來自「Blogger留言系統 __（三）回覆按鈕＋引言按鈕」，因此將程式碼修改一下即可達到目的。


安裝位置：

一般而言，內嵌式的留言框還是比較方便，因此站在使用者的角度，若採彈出式的留言框最好用於特定用途的網頁比較恰當，所以本文的程式碼主要用於特殊用途、特定網頁的留言板。

請參考「Blogger留言系統 __（五）自動跳出留言注意事項」→「提醒功能放置位置：」，找到以下 iframe 標籤：

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

將以上程式碼的前後改為以下：


以上黑字部分為原程式碼，藍字、紅字為新增之程式碼。

A："留言板網址" 請改為特定網頁之網址。

C：此行的修改事項請看下一節「留言框顯示預設文字」。

E：style='display:none' 讓此特定網頁的預設留言框隱藏起來，用彈出留言框的方式代替。

G～I：部落格其他網頁的留言框不做改變。


留言框顯示預設文字：

此節詳細說明上一節 C 行需要修改的細項。

1. style：這裡的字型、顏色可自行調整。

2. blogID=：請將 "你的Blog ID" 置換為自己的 Blog ID，不清楚 Blog ID 可參考「Blogger留言系統 __（三）回覆按鈕＋引言按鈕」→「二、回覆功能」→ 第 1 點

3. postBody=：這裡是最重要的部分，藍字部分 "%u8ACB%u7559%u4E0B%20email%20%3A%20%20%u7A31%u547C%3A" 就是需要填入的預設文字。由於這裡的文字只能顯示英數符號，因此必須將中文編碼後填入。

4. 《點此跳出留言框》：這裡可改為自訂的文字、圖片都可。


好了，主要概念就是以上所述，想要看範例可以往下移動到留言區試試效果。想要在不同頁面、不同標籤等等條件下設定不同的預設文字，參考以上的概念就能自行變化了。而這兩篇的概念如果適當地運用，張貼意見的注意事項就能少寫一些，避免像厚厚的說明書一樣，使用者望之生怯，整個完全無視了。