2011年6月28日 星期二

FB plugin in Blogger(二):安裝 "Like Button" plugin

 

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

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

a1_thumb1

2. 點選「Core Concepts」

image

 

3. 點「Social Plugin/Like Button」

[a3 

 

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程式碼

image

 

5. 複製以下程式碼

[a5.png]

 

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

 [a6.png]

 

7. 選取「HTML/JavaScript」

 [a7.png]

 

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

[a8.png]

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

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

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

 [a9.png]

 

備註:

後面發現加了這個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'/>



 

相關文章 :

5 意見:

EJ 提到...

我步驟四填完,按了送出之後,卻一直卡在「載入中」...
沒辦法取得程式碼,請問是不是還有什麼細節我沒注意到呢?
感謝您。

阿莫 提到...

這應該是FB的bug
改點步驟4左邊Plugin底下的liKe Button
再填寫表單內容
按get code就會有了

魏小槑 / Shally Wei 提到...

請問最後寫到"每篇文章要有獨立的讚"是要改哪個部份?
是紅字體要改掉還是加粗的字體要改呢?有點不懂~謝謝 :))

阿莫 提到...

把步驟8的內容全部刪掉
貼上步驟1的全部內容就可以了

中醫減重 提到...

謝謝分享~
阿莫老大真厲害~什麼都可以說的詳細XD

張貼留言

Related Posts with Thumbnails
by TemplatesForYou-TFY
SoSuechtig