FB plugin in Blogger（二）：安裝 "Like Button" plugin

 

1. 如果接著上一篇操作的話可以點選下圖的「文件」

如果已經離開可以在網址列輸入「https://developers.facebook.com/docs/」連到相同網頁

2. 點選「Core Concepts」

 

3. 點「Social Plugin/Like Button」

 

 

4. 填寫以下資料:

URL to Like：輸入網站的網址

Send Button：畫面要步要出現Send按鈕

Layout Style：(三種版型可以選擇)請見下圖右邊的圖示

Width：整個plugin的寬度

Show faces：要不要顯示粉絲的大頭照圖片

Verb to display：要出現「讚」還是「建議」

Color Scheme：plugin的顏色，只有淡跟深兩種可以選

Font：plugin顯示的字型，目前只能設定英文字型

 

Get Code：如果上面設定都完成的話就可以點選此按鈕產生以下HTML/Javascript程式碼

 

5. 複製以下程式碼

 

6. 回到Blogger的後台，點選「設計/網頁元素/新增小工具」

 

 

7. 選取「HTML/JavaScript」

 

 

8. 把剛剛複製的程式碼貼上，並按儲存

各位就可以在自己的Blogger看到like button的按鈕了

當然，這個功能應該放在每篇文章的前面或後面

這樣大家看完文章就可以決定要不要按讚了~~

 

 

備註：

後面發現加了這個like button，可是怎麼一加「讚」之後

其他文章也都一起改變了

這邊要教大家一個方法讓每篇文章都能有自己獨立的「讚」歐~~~

 

1. 回到步驟8的畫面，把上面的程式碼改成下面就可以了

<div id='fb-root'/> 
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> 
<fb:like expr:href='data:post.url' font='' send='true' 
   show_faces='true' width='450'/>

 

相關文章 :