2012年10月17日

Blogger「留言欄訊息」自訂版面及樣式的方法__兼談留言字詞驗證

Blogger「留言欄訊息」自訂版面及樣式的方法__兼談留言字詞驗證

Wayne Fu 0 A+
2017.7.25 公告:留言訊息注意事項已有新版處理方式,可參考「讓 Blogger 留言注意事項能隨留言框移動,訪客才能真正看到」。

撰寫 Blogger 的「留言欄訊息」(就是留言欄上方的張貼意見)時,長期以來一直有幾個困擾:

1. 只有少數幾個 HTML 標籤可使用(例如 <a>、<b>、<i>)。
2. <a> 標籤無法使用 target="_blank" 屬性。
3. 訪客不太會注意這些內容。

關於第 3 點,如果字很少一點的話或許訪客會瞄一眼;只要字一多、看到密密麻麻的一片,相信沒幾個人會去細讀。


一、構思

可是我想提醒的事項就是那麼多,有沒有辦法讓訪客至少注意到重點字就好?最後想到的方法是──如果能把字放大、上色,或許初來的訪客就不會自動無視了。

而如果能做到這一點的話,代表可使用限制以外的 HTML 標籤,那麼開頭所提的所有困擾,基本上就一併解決了。


二、準備動作

實作方法很簡單,隨便開一篇文章,把留言欄訊息打好後──

1. 利用「撰寫」模式把想放大、上色的字句都改好。如果要換行的話,在「文章設定」→「選項」→「換行符號」勾選「使用<br>標記」,按下 Enter 時可自動產生 <br/> 標籤。

2. 切換到「HTML」模式,如果有超連結的話可在 <a> 標籤增加 target="_blank" 屬性來另開視窗;而有任何 HTML 標籤想使用、或修改屬性,可在此加上去,例如以下是我 HTML 模式下注意事項的內容:

<span class="Apple-style-span" style="color: #0b5394;">◎</span> <span class="Apple-style-span" style="color: #990000; font-size: 15pt;"><b>匿名或無帳號者</b></span>,請「<a href="#PushSystem">按此跳到推文框</a>」,或「<a href="http://wayne-fu.blogspot.com/2012/08/WPC2-private-comment-install.html#WPC_System" target="_blank">按此跳到私密留言頁面</a>」。<br />
<span class="Apple-style-span" style="color: #0b5394;">◎</span> 擁有網頁者,選「OpenID」填自己網址即可。<br />
<span class="Apple-style-span" style="color: #0b5394;">◎</span> <b>引言功能</b>:[quote]引言內容[/quote]<br />
<span class="Apple-style-span" style="color: #0b5394;">◎</span> 按下「<b><span class="Apple-style-span" style="color: #990000;"><span class="Apple-style-span" style="font-size: 15pt;">以電子郵件訂閱</span> </span></b>」可收到後續回覆的mail!

以上是簡單的條列式內容,紅字是把重點文字字體加大的參數;如果想要更花俏一點,類似使用「公告區塊」、「特殊文字區塊」的方式也行,總之完成之後將所有 HTML 模式的內容複製起來,準備貼到後台的範本裡。



三、貼入範本的位置

1. 到 Blogger 後台 → 範本 → 編輯 HTML

2. 按 Ctrl-F 尋找 <data:blogCommentMessage/> 這樣的字串,應該會找到四個。這字串就是代表原本在後台輸入的「留言欄訊息」,前後應該會被 <p></p> 包住,而我們現在要把找到的字串含前後包住的 P 標籤,取代為自訂的 HTML 內容。

3. 不管找到幾個第 2 點的字串(含 P 標籤),全部取代為以下

<p>
<!--<data:blogCommentMessage/>-->
<!-- 新留言欄訊息 -->
將「二、準備動作」複製的 HTML 內容貼在這裡
</p>

紅字部分為新增的內容,而複製的 HTML 內容請改為自己的注意事項

4. 存檔後即可看到效果,在本頁面的「留言框上方」可看到修改後的效果,要強調的文字 "匿名或無帳號者" 及 "以電子郵件訂閱" 已被放大、加粗且改為紅字。


四、留言字詞驗證的建議

本文內容概念很簡單,不過我相信應該可以發揮不錯的作用。而既然談到了留言相關的主題,關於留言字詞驗證有一些心得想提出。

我使用的是 Blogger 舊範本,留言字詞驗證非系統預設選項,也尚未用來防堵垃圾留言,也許流量還不足以吸引機器人的關注。但是在 Blogger 的新範本留言字詞驗證成了"系統預設選項",而站長自己留言時也不會出現字詞驗證,所以使用新範本的站長根本很難察覺到這件事。就個人而言,我覺得 Blogger 的字詞驗證非常擾民,光是要猜出那些數字或英文字母,花的時間可能比留言的時間還長,會影響下一次在同個部落格留言的意願,因此我相信這是一個對部落格有潛在負面影響的問題

當然 Blogger 的立意是好的,但字詞驗證是為了防堵機器人,而不是驗證訪客的視力與耐力;別人家的字詞驗證就是清楚易辨,Blogger 卻是搞這麼複雜。對於絕大多數的部落格而言,除非每天的流量都是數千人以上,否則我相信留言機器人也沒動力來光顧。因此在 Blogger 的字詞驗證做出什麼改善之前,以下是我的建議:

1. 可以到後台的「設定」→「文章和留言」→ 把「顯示字詞驗證」改成「」,避免造成留言者的困擾。

2. 當部落格成長到一定規模,開始面對機器人的攻擊時,再將「留言管理」的選項改成「一律」或「有時」(設定天數),來審核留言的內容。這樣的作法既可防堵垃圾留言,也不會耽誤留言者的時間,相信熟客會願意繼續留言的。

3. 如果不介意關閉匿名留言的話,那麼在「誰能留言」的選項改成「已註冊的使用者- 包括 OpenID」也能防止一般的機器人留言;針對沒有 Blogger 帳號的訪客,或許在 Blogger 裝「推文系統」也是一個讓他們留言的選項。


Blogger留言 相關文章:
0 0
如這篇文章對你有幫助,歡迎「分享」到 FB、「追蹤」粉絲團、「訂閱」最新文章

3 則留言:

  1. 每次看一看都覺得Blogger可以玩的花樣好多喔!

    回覆刪除
  2. 對啊! 我一看到驗證字詞就頭大, 真是扭曲的人生.

    回覆刪除
  3. 我很討厭打驗證碼 XDDD
    好在Blogger的spam機制做得不錯。
    到目前為止,我收到的所有垃圾留言,有90%都會被歸類為spam,不被顯示。
    我以前都用pixnet,後來發現Blogger好用多了,因為可以改很多東西。

    回覆刪除

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
◎ 請在相關文章留言,與文章無關的主題可至「Blogger 社團」提問。
◎ 請避免使用 Safari 瀏覽器,否則無法登入 Google 帳號留言(只能匿名留言)!
◎ 提問若無法提供足夠的資訊供判斷,可能會被無視。建議先參考這篇「Blogger 提問技巧及注意事項」。
◎ CSS 相關問題非免費諮詢,建議使用「Chrome 開發人員工具」尋找答案。
◎ 手機版相關問題請參考「Blogger 行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」;或參考「Blogger 行動版範本修改技巧 」,或本站 Blogger 行動版標籤相關文章。
◎ 非官方範本問題、或貴站為商業網站,請參考「Blogger 免費諮詢 + 付費諮詢
◎ 若是使用官方 RWD 範本,請參考「Blogger 推出全新自適應 RWD 官方範本及佈景主題」→ 不建議對範本進行修改!
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎ 本站「已關閉自刪留言功能」。

TOP