2012年8月28日

Blogger 私密留言系統 V2.0__簡易安裝及使用說明

A+

(Pic from: iconspedia.com,Installation sous Linux : Autopackage, macin.wordpress.com)



一、簡介


有關功能部分的說明及版本的歷程,請見「Blogger 私密留言(悄悄話)系統發佈網頁



二、V2.0 版簡易安裝


在修改範本之前,如果第一次安裝本站工具的讀者,建議先閱讀「備份範本的訣竅」系列文章。

1. 到 Blogger 後台 → 範本 → 修改 HTML

2. 如果想跟本站一樣,把私密留言區塊放在留言區之前,那麼請找到以下的程式碼:

</b:includable>
<b:includable id='comment_picker' var='post'>


3. 在以上程式碼的前一行,插入以下程式碼:

2013.9.17 修改:感謝 茅寶村 留言提醒,按之前安裝的位置會無法顯示,這可能是因為近幾個月 Blogger 結合了 G+ 留言框的緣故。請在範本中找到以下程式碼:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comment_picker'/>
</b:if>


應該會有兩個搜尋結果,請裝在第一個搜尋結果即可,插入本文安裝程式碼的位置如下:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>

本文程式碼

<b:include data='post' name='comment_picker'/>
</b:if>


3. 以下的安裝程式碼,請放在上面紅字 本文程式碼 的位置:


4. 可自訂參數:

2012.11.7 提醒

建議安裝完後很重要的一點是在 J 行填入自己的 email 帳號,有人留言時會自動寄信通知;很多人安裝完並沒有填入自己的 email,當有人留悄悄話時,請相信我,這樣子是永遠不會知道有人留言的,只有某年某月某一天碰巧去開那篇文章時,才可能會發現。

  C:藍字的圖片網址為動態載入時預先顯示的 gif 圖檔,可改為自訂的動畫圖案。

  G~Q:每一行的結尾必須是逗號,這十分重要。目前看起來很明顯,絕對不會漏掉逗號,但等到範本存檔後,所有的雙引號 " 會被轉換成 &quot;,屆時逗號不一定認得出來,修改時要小心這一點。

  R:這一行的結尾絕對不能有逗號,否則在 IE 下必當。

  G~H:這兩行的參數請參考之後的「三、驗證站長身份」。

  I:藍字部分請改為自己的站長暱稱

  J:若想要收到留言通知,藍字部分請填入自己的 email 帳號若不想收到留言通知,藍字部分請刪除,留下 "", 兩個雙引號及一個逗號即可。

  K:這一行是私密留言輸入框的自訂樣式,想要自訂請參考以下敘述──

margin: 邊界距離
width: 寬度
padding: 內襯距離
background-color: 整個留言框的底色
border: 框線的顏色 形式
border-radius: 圓角效果
box-shadow: 陰影效果

不清楚怎麼改的話,其實主要改 K 行藍字的那兩項,符合自己部落格的顏色配置即可。

  L:藍字部分可更改留言者及站長暱稱的顏色

  M:藍字部分可更改留言者區塊的底色

  N:藍字部分可更改站長回覆區塊的底色

5. 如果想把私密留言放在別的區塊也可,那麼把以上程式碼搬到自訂位置即可。



三、驗證站長身份


安裝完程式碼並儲存後,隨便開一篇文章應該就能看到如本文下方、留言區之前的私密留言輸入框。此時第一個要做的動作便是將站長身份寫入 cookie,否則的話可是看不到任何留言內容。請按以下步驟──

1. 按下私密留言輸入框右上角的圖案,會彈出以下版權宣告視窗──



2. 按「確定」關掉它,會發現在「送出」鈕的左方出現了目前的 IP 位址。(下圖紅線圈起來的部分)



確保你 IP 不變的情況下(小心不要斷線),趕快將自己的 IP 位址複製起來。(註:如果沒有出現 IP 的話,表示目前所有偵測 IP 的伺服器都已達到流量上限,請換個時段再進行)

3. 馬上到 Blogger 後台 → 範本 → 修改 HTML → 找到剛剛安裝的私密留言區塊,你會看到以下片段──

<script type='text/javascript'>
var WPC_setting={
IP:&quot;&quot;,
hostPW:&quot;&quot;,
hostName:&quot;WFU&quot;,

所有的雙引號都被轉碼以致於程式碼不易辨識,不過沒關係,IPhostPW 這兩個參數還是很好辨識,請將 IP 與 hostPW 那兩行,也就是原程式碼中的 G 行H 行,改為以下──

IP:"114.45.8.20",
hostPW:"1234",

紅字請改為你自己目前的 IP 位址(冒號是小寫,若是去複製輸入框的冒號就成了大寫)。藍字請自設站長密碼,用來驗證身份之用,可不要照著填 1234,不然有可能被破解的。

4. 儲存之後,隨便再開一篇文章,就會彈出以下視窗──



5. 接著,請再回到範本,將 IPhostPW 那兩行,也就是原程式碼中的 G 行H 行,恢復為以下剛開始的狀態──

IP:"",
hostPW:"",


這個動作很重要,否則密碼資料留在範本裡,就被有心人士看光光啦!而若是 IP 資料留在範本裡,如果你是浮動 IP,哪天就有可能此 IP 輪到別人使用,而站長身分就得分別人用了。

範本儲存以後,到此為止就正式完成了私密留言系統的安裝流程了。



四、自訂資料庫


2.0 版加入了 email 通知功能、IP 及密碼驗證功能,這些是透過 Google 試算表來完成。

2014.3.15 公告:不過不太好的消息,最近「Google 官方公告」表示,免費的 google apps 帳號一天寄出郵件的上限下修到 100 封(原本為 500 封),付費的 google apps 帳號,目前查到的資料是一天 1500 封。

這個留言通知功能,與本站發佈的「推文系統」及「WYBOARD 部落格即時留言板」共用 email 寄送系統,如果發現某些網站使用了上述工具,而每日平均寄信使用量達到 5 ~ 10 封時(將近 1/10 的額度),為了避免佔用其他使用者的額度,WFU 可能會要求該網站使用客製的試算表資料庫。



五、簡易使用說明


其實這一版的操作已經寫得很直覺,該做什麼動作系統都會提示,因此簡單寫幾項:

1. 使用上有任何問題可按輸入框右上角的圖案,可連結到 FAQ 網頁找看看有沒有需要的答案。

2. 留言者由於沒有判斷身份的依據,為了網頁安全,留言內容封鎖任何語法;但站長回覆的內容可以使用語法。

3. 留言者無法自刪留言,站長才能刪除留言。

4. 系統會自動把身份資料寫入 cookie(無論是留言者或站長),期限 1 年,只要 1 年內再度拜訪網站,會自動延展期限 1 年。

所有私密留言相關網頁都可測試效果,有任何問題、建議歡迎提出,都可成為正式版的修改依據。

Blogger 私密留言系統」系列標題:
一、系統發佈網頁
二、簡易安裝及使用說明
三、FAQ 彙整

➢➢ 快速選單:



12 則留言:

  1. 請問,我安裝之後,
    有時網頁都會出現
    「セキュリティ警告: 上記のURLはパスワードと同じように厳重に管理し、他の人に教えないようにしてください。」

    這是什麼樣的狀況?謝謝!!

    回覆刪除
  2. <3888147466844463190>(以上內容請勿刪除,從括號之後開始留言)
    我看那些區塊的程式碼跟 FB 有關,應該是你裝的 FB 外掛引起的,先試著把 FB 外掛移除乾淨,應該就會消失了。

    回覆刪除
  3. 我以前在YAHOO BLOG, 可以自由SET 某些是公開BLOG, 某些是私人BLOG, 去到blogspot, 只可以SET 全部公開或全部私人, 請問有方法可以解決的嗎? 謝謝!

    回覆刪除
  4. <2430584275042167356>(以上內容請勿刪除,從括號之後開始留言)您可以在 設定 › 基本 › 權限 更改。

    回覆刪除
  5. <15609550896110332>(以上內容請勿刪除,從括號之後開始留言) 謝謝回覆!
    但那裏只可以選擇全個BLOG 公開或全個BLOG 私人. 我想是某些網誌是公開, 某些網誌是私人. 可以逐個SET 嗎?

    回覆刪除
  6. <5220292322418492176>(以上內容請勿刪除,從括號之後開始留言)會有這樣的情形嗎?我也有很多blog,剛剛我也測試了 ken 所提的 設定 › 基本 › 權限 › 網誌讀者 › 改為私人.

    只有那個 blog 會變成私人,目前這個 blog 還是公開的啊~

    所以不太清楚你遇到什麼樣的狀況喔...

    回覆刪除
  7. <5843840291909352820>(以上內容請勿刪除,從括號之後開始留言) 謝謝回覆!

    回覆刪除
  8. 我明白小柔與小欣的問題,因本人都遇到這煩腦。
    YAHOO BLOG 可以逐篇文章設”讀者權限”,一個 BLOG 內可有公開文章,也可有私人文章。但 Blogger 內的文章只可選全公開或全私人,不能逐篇設定。在 2012 年,你曾經教過,Blogger 單篇文章不能設權限,可以加密,參考:「Blogger文章相關工具及技巧 (筆記)」→ 特殊需求 → 懶人無障礙加密網頁。在 Blogger 沒有推出加密文章功能之前,只能每次都這麼手動操作。但我參考完”筆記”,都不太明白。請可否詳細指點一下?有勞有勞!謝謝!!

    回覆刪除
  9. <1191608710260113286>(以上內容請勿刪除,從括號之後開始留言)有需要的也可以參考看看:http://xox520.blogspot.com/2011/04/hide-post-in-blogger.html (文章加鎖)

    BTW Blogger 的功能很陽春,所以要將 blog upgrade 是要懂懂腦筋的 ^^

    回覆刪除
  10. <1191608710260113286>(以上內容請勿刪除,從括號之後開始留言)「小柔與小欣」她提的是 "單一網誌" 上鎖,你的需求是 "單一文章" 上鎖,不太一樣喔~

    關於我那篇「Blogger 文章相關工具及技巧 (筆記)」,現在已經新增了我寫的「Blogger私密文章」功能,你可以參考兩個版本:

    1.簡易版:http://wayne-fu.blogspot.com/2013/06/blogger-private-post.html

    2.更新版:http://wayne-fu.blogspot.com/2013/07/blogger-private-post-update.html

    回覆刪除
  11. 站長您好,我不確定自己改了什麼設定,現在在登入blogspot的情況下依然看不到自己的私密留言,請問您會知道這是什麼問題嗎? 謝謝

    回覆刪除
  12. <6286194794845604359>(以上內容請勿刪除,從括號之後開始留言)我寄了 mail 到之前與你聯繫的信箱 iceaXX@liveXXXX 請查收

    回覆刪除

張貼留言注意事項:

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