Quantcast
Channel: WFU BLOG
Viewing all articles
Browse latest Browse all 784

「Google+留言框__官方安裝版」+留言提醒功能

$
0
0

(Pic from: google search)
安裝本文的工具,可解決訪客使用 G+ 留言框時,站長無法收到留言通知的問題。不過安裝之前,請務必配合閱讀這篇說明,以瞭解 G+ 留言框運作原理、各種可能遇到的狀況、及解決方法:


另外,本文的工具只適合「Google+ 留言框_官方安裝版」;若使用的是「多種留言外掛並存的版本」,請參考這篇文章:




一、什麼是「Google+ 留言框_官方安裝版」

不管是不是 Blogger 平台,只要你安裝的 G+ 留言框具有 "排他性",會把在 G+ 留言框下面的其他留言外掛(包含 Blogger 原生留言系統)都自動移除的,都屬於「官方安裝版」。

「官方安裝版」可經由下列幾種管道來安裝:

1. 從 Blogger 後台直接轉換的 G+ 留言框(如果不成功,請參考「Blogger 轉換為 Google+ 留言系統的各種方法」)。

2. 無論是否為 Blogger 平台,利用這個網頁「How to add Google+ Comments to any website」裡面任何一種安裝方式的 G+ 留言框。





二、安裝「自動提醒功能」程式碼

1. 以 Blogger 的操作為例,到後台「範本」→「編輯 HTML」,請搜尋 </head>這個字串,找到後在此字串的前一行,插入以下程式碼(非 Blogger 平台一樣放在這個位置):

<style>
.Gplus { /* 開合標題 */
margin: 0px;
padding: 5px;
text-align: center;
background: #eeeeee;
border: solid 1px #000000;
cursor: pointer;
}
.Gnote { /* 留言提示 */
margin: 0px;
padding: 5px;
background: #ffffff;
border: solid 1px #000000;
height: auto;
display: none;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'></script>


如果範本裡已經安裝過 jqeury 的話(可搜尋看看有沒有 "jquery" 的字串),可刪除最後面的程式碼 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'></script>

以上內容為留言提醒區塊的 CSS,想修改樣式的話請參考「G+ 留言版提示 - 展開收合」有進一步說明。


2. 接著請搜尋 </body>這個字串,找到後在此字串的前一行,插入以下程式碼(非 Blogger 平台一樣放在這個位置):



以下請參考以上程式碼行號──

J:藍字「Google+ 留言提示」為留言提示區塊的標題,可改為自訂字串;藍字「按此展開.收合」為提示字串,一樣可自訂。

E:紅字「留言框提示內容」必須填入自訂的提示內容,依照 HTML 格式(內容請使用單引號「'」、勿使用雙引號「"」)。如不清楚要填入什麼內容,可參考「三、留言提示範例」。



三、留言提示範例

以本站使用的 G+ 留言提示內容為例,效果如下圖──




上圖的 HTML 格式內容如下:

◆ 必須有 G+ 帳號才能留言。<br/>◆ 【公開留言】的分享對象,除了「公開」以外,還必須輸入「<b style='color: #cc0000; font-size: 120%;'>Wayne Fu</b>」之後選擇正確的頭像,我才能收到留言通知,請參考下圖步驟:<p style='text-align: center;'><img src='http://4.bp.blogspot.com/-i3FGz2WR75M/UiFZumjPUII/AAAAAAAAHo8/l8EhTF2ohsM/s1600/gplus-comment-guide.jpg'/></p>◆【私密留言】請將上圖步驟 1 去除即可<br/>◆ <b style='color: #cc0000; font-size: 120%;'>若需要站長回覆,但萬一分享對象無法選擇正確的「Wayne Fu」頭像時,建議使用 Blogger 留言框。</b>
可以把以上 HTML 碼內容略做修改後,置換 E 行程式碼的紅色字串(以上的字串內容不能按過 Enter 鍵):
  • HTML 碼有個綠色字串的圖片網址,這圖片含有 Wayne Fu 頭像,建議拿這張圖片稍做修改,換成自己的頭像即可。更改後的圖片網址請置換綠色字串的圖片網址
  • HTML 碼裡的紅色字串「Wayne Fu」請換成自己的暱稱。
  • 最後一點的內容請依自己的需求修改、或刪除。

若想先測試一下效果,可在本站任一篇文章的文末,測試 G+ 留言輸入框的點擊效果。訪客想留言時必定會點擊留言輸入框,系統會強制出現留言提示訊息,提示訪客依照正確的流程留言;接著訪客再度點擊留言輸入框時,即可正常留言。

Viewing all articles
Browse latest Browse all 784

Trending Articles