最近看到有部落格上面有和 Facebook 一樣的給你按個讚的按鈕,覺得很好玩,想說我也來試試看,經過爬文和研究後,我也在自己的部落格加上了這個小東西,進來的朋友,不要忘了也幫我按個讚啊。


[ 就是下面的圖示中靠下方的那一排功能列 ]

FB-001


[ 每篇文章的頁首和頁尾都會出現功能列,上圖是頁首,下圖為頁尾 ]

FB-002


接下來和大家分享如何將這個小東西加到自己的部落格中,在這邊我是以自己的部落格(痞客幫)做說明,希望能對大家有幫助。


1. 請進入部落格的後台管理功能,並進入下圖的左側 " 側邊欄位設定" 的功能選項中。

FB-003


2. 進入側邊欄位編輯的功能選項中之後,再進入下圖中間 "公告區塊" 的公告版位內 "設定" 功能選項中。

FB-004


3. 接下來會看到如下圖有公告標題和公告版位內容的欄位可以填入資料。

FB-005


4. 請將下面的程式碼複製下來,貼入公告版位內容的欄位中,並執行 "送出" 將結果儲存起來。

======我是分隔線,不要複製我======

<script type="text/javascript">
<!--
var FB_TYPE='button_count';
var FPSCSS='text-align:right';
var FPSSEL='both';
var FPSTAR=new Array("div.forward");

 var FPSTARPOS=new Array("before");


//-->
</script>
<script type="text/javascript" src="http://pixnetfbshare.googlecode.com/files/pixnet_FPSHARE_1_0.js"></script>

<script type="text/javascript">
var LINKCOLOR='light';
var LINKWIDTH='500';
var LINKHEIGHT='20';
var LINKFSHOW='1';
var LIKETARCSS=new Array('padding-left:5px;padding-bottom:10px;background-color:white','padding-top:5px;padding-bottom:15px;');
var LIKETAR=new Array("div.article-body",'div.forward');

var LIKETARPOS=new Array('before');


</script>
<script type="text/javascript" src="http://pixnetfbshare.googlecode.com/files/pixnet.FBLike_1_0.js"></script>

<script type="text/javascript">
<!--
var BOOKTAR=new Array("div.forward");

var BOOKTARPOS=new Array('insertafter');

//-->
</script>
<script type="text/javascript" src="http://pixnetfbshare.googlecode.com/files/pixnet_BK_1_0.js"></script>

======我是分隔線,不要複製我======

[ 貼上程式碼後的情形如下圖 ]

FB-006


5. 另外在剛剛的設定公告版位中,我是將自訂公告標題的欄位空白,沒有填入文字,如果你有填入文字的話,會出現像下圖的效果,如果你有這方面的需要的話,可以填入適當的文字。

[ 假設我們填入 "公告標題" 四個字,並將結果儲存 ]

FB-007


[ 在部落格的文章頁首,就會看到出現公告標題四個文字 ]

FB-008


6. 這樣就完成修改了,是不是很簡單,趕快去看看成果吧。


程式碼來源及修改參考:米粒部落的教學 ( 感謝米糰桑的分享 )


以上的說明希望對大家有幫助,如果有問題的話也歡迎留言討論喔!

創作者介紹

風的呢喃

淺藍的風 發表在 痞客邦 PIXNET 留言(0) 人氣()