2011年10月24日

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

A+
前言:

接續「前一篇」的方法,本文的主題是使用另一種有效提醒留言者注意事項的方式──留言框自動顯示注意事項。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" 就是需要填入的預設文字。由於這裡的文字只能顯示英數符號,因此必須將中文編碼後填入有個方便的「線上編碼轉換工具」可以幫我們代勞,將文字貼到輸入窗口裡面後,按 "escape編碼",再將亂碼置換這裡的藍字部分即可。要檢驗編碼正不正確也很方便,再按一下 "escape解碼" 就可以看到結果了。試著將藍色部分的文字 "%u8ACB%u7559%u4E0B%20email%20%3A%20%20%u7A31%u547C%3A" 貼到輸入窗口,按一下 "escape解碼",出來的是不是 "請留下 email : 稱呼:" 這樣的字串啊?

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


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

沒有留言:

↑TOP

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
提問請附網址、詳細描述狀況,如提供的資訊不足,則無法回覆。
◎ 請在相關文章留言,與文章無關的主題請至「Blogger 中文論壇」。
◎ 若詢問 CSS 、非官方範本問題、或貴站為商業網站 ,請參考「本站諮詢頁面」→「1. 諮詢服務」
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 若發現留言不見了,通常是因為 "複製貼上" 的內容常被系統判定為垃圾留言,請不用擔心,我會定期將留言恢復。
◎ 本站「已關閉自刪留言功能」。