「上一版」留言 #5 +Lee Bruce詢問能否改成自適應的版本。由於目前行動裝置的普及化，而各種行動裝置的螢幕寬度不一，因此舊版本只能固定 FB 留言框寬度的 px 值，的確不合時宜，於是本篇做了小幅度的修正。另外，之前的文章一次說明了各種部落格平台的安裝方式，版面可能稍微凌亂、不利於閱讀，因此這次不同平台將個別說明，本文只針對 Blogger 的安裝流程，其他部落格請參照以下連結:
一、留言框寬度設計的考量
根據 +Lee Bruce提供的連結「Facebook Comment Responsive Design」，這個版本的設計原理包含了，當使用者改變視窗大小時，重新計算寬度，並重新載入 FB 留言框。
WFU 的版本考量如下：
1. 這樣的設計是真正的自適應版面，不過 WFU 覺得使用者改變視窗大小的機率不高，且每次一改變視窗就重新載入 FB 留言框，須花費額外的執行時間(例如有時使用者會在短時間內，多次按 Ctrl+、Ctrl- 來放大縮小調整視窗)，因此未採用這個設計。
2. 留言框寬度符合自適應版面的寬度後，會產生的問題為，或許有的版面 100% 寬度在視覺上效果不佳，或許有的使用者不想要 100% 的寬度。因此 WFU 仍舊將寬度的參數開放出來自訂，例如可以設定為 95% 寬度這樣的效果。
二、安裝程式碼
請到 Blogger 後台「範本」→「編輯 HTML」，搜尋
基本上如果沒有特殊需求的話，儲存後就可以看到效果了，FB 留言框會出現在 Blogger 留言區塊的上方。也可看以下範例網頁的效果：
如果需要更多的功能，那麼請繼續往下看如何修改參數，及其他安裝步驟。
三、修改參數
請參照安裝程式碼行號及綠字的備註──
G：預設值 1代表 FB 留言框的寬度為 100%；若改為 0.9 代表寬度為 90%。
H：請改為自己的 email，那麼只要一有留言，可及時收到通知。
I：請參考「四、管理留言」的步驟，填入自己的 FB 管理者 ID，那麼自己的留言就不會收到 email 通知。
J：設定顯示幾則留言
K：留言框預設會出現在 Blogger 留言區塊的上方；若想擺放到自訂的位置，本行參數可改為 "#fb-comment-area"，然後可參考「Blogger 範本__(三)文章及留言區塊的程式碼」，把全部程式碼放在範本中的自訂位置即可。
L：若部落格底色為深色, 字串請改為 "dark"
四、管理留言
如果需要管理 FB 留言的話，請請依照舊版「Facebook留言板安裝懶人包」→「一、準備動作」，來取得 FB 管理者 ID 及 FB 應用程式 →「三、Blogger 安裝」→「2013.11.22 補充」的內容，將 META 標籤的字串放在範本中
五、其他說明及注意事項
為了避免重複內容，關於「使用說明」、「調整 CSS」、「Email 每日寄送額度」等等事宜，請直接參照「上一版」→「五、使用說明」→「六、其他注意事項」