我們先到臉書所提供的網址取回所需要的程式碼
https://developers.facebook.com/docs/reference/plugins/comments/
直接按 get code 後會跳出一個如上圖的視窗，將紅框中的程式碼複製起來。
提醒你記得將範本先存檔，再透過「範本」中「修改HTML」的功能來作，記的勾選「展開小裝置範本」。利用Ctrl+F 搜尋到 <body> 的位置，在下方放入從臉書複製來的程式碼。
<body>
在這裡加入 臉書的程式碼
<div id='outer-wrapper'><div id='wrap2'>
第二個步驟，找到要放置留言版的地方，搜尋到下方視窗中出現黑色程式碼的位置，然後把紅色的程式碼貼在下方就OK了。
<b:includable id='comments' var='post'>
<div class='fb-comments' data-num-posts='2' data-width='480' expr:href='data:post.url'/>
data-num-posts='2' 改變數值，會改變顯示的留言數量
data-width='480' 改變數值，則是變更留言框的寬度。
設定完成後，按下「儲存範本」後，就可以離開了。
「Blogger的美化」系列筆記
0 意見:
Post a Comment