October 25, 2011

Blogger的美化─增加臉書留言版

臉書的影響力真是越來越大了,要是不在部落格裏放個「讚」之類的東東,好像有點跟不上流行。現在又臉書又將腦筋動到留言版來了,把你的留言版和臉書挷在一起,讓你的認真經營的網站變成臉書的附庸,哈哈!真是高招。

我們先到臉書所提供的網址取回所需要的程式碼
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

STAY WITH US

 
;