阿莫的學習旅程: 2012/5/20 - 2012/5/27

2012年5月26日星期六

facebook外掛元件(plugin)

Created 週五 25 五月 2012

一、安裝前置動作：

1. 打開網址列輸入

「https://developers.facebook.com/setup」

2. 登入facebook帳號、密碼

3. 在「App Name」欄位輸入blog名稱

4. 在「Website with Facebook Login」欄位貼上自己

blog的網址，再點『儲存』

二、設定plugin – comment

1. 在開網址列輸入

『https://developers.facebook.com/docs/plugins/』

2. 點『Comments』

3. 在『URL to comment on』欄位貼上自己blog的網址

4. 設定『Number of posts』：一次要呈現幾個留言

5. 設定『Width』：留言的寬度，點『Get Code』

6. 把第1區塊的程式碼貼到<body>之後，並把其中的

『&appId』改為『&appId』

7. 把第2區塊的程式碼貼到

<b:if cond='data:navMessage'>之前的</b:includable>之前

8. 把『data-href='XXXXXX'』改為『expr:data-href='data:post.url'』

9. 點『儲存範本』

訂閱：文章 (Atom)

by TemplatesForYou -TFY
SoSuechtig