FB簡易留言板

很多朋友都會問到如何再網站上掛上一個FB的留言板,讓訪客可以直接留言給我,但又看不懂程式語言!怎麼去設定它!以下是我在google大神中,尋找到的一個好方法!感謝原創者的無私分享!

FB簡易留言板

後台「版面配置」找「新增小工具」,類型選擇「HTML/JavaScript」,然後把下面程式碼複製貼上到內容區塊。

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/zh_TW/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

document.write('<div class="fb-comments" data-href="'+document.location+'" data-num-posts="5" data-width="650"></div>');
</script>

以下是說明不用複製
 data-width="650 <==表示留言框的長高,可以依自己的文章區長度自行修改

Blogger 版方法如下:
FB簡易留言板設定

像這樣新增一個 HTML/JavaScript 的區塊
FB簡易留言板設定

按下「儲存」後,將它拖曳到文章下面
FB簡易留言板設定
「儲存排列方式」後,就完成了!在文章最下面就會出現

它的好處就是很容易就設定上去了,缺點是非留言者不能刪除它只能檢舉!讓自己看不到而已!其他人還是會看到留言訊息。

pixnet Blog 版方法如下:(站長只知道這個方法,如有更好的方法請提供分享)
進入管理後台,側邊欄位設定。頁尾描述。
fb留言板
將程式碼複製貼上後儲存就完成了
在部落格最下面就會出現這樣的視窗
pixnet-fb留言板



FACEBOOK訪客留言版