2013年9月3日 星期二

如何在Blogger 網頁加入「讚」(like) 的按鈕

Facebook目前應該是屬於最大的社群網站((應該啦XD)
其中這個按讚的功能對於很多人當重要~
多重要??架~~~~重~~~~~要~~~~~!!!!
除了類似長官簽名"閱"~或是說我喜歡你的文章~
亦或是說看著按讚人數的增加而得到莫名的成就感XDDDD
好啦~那我們到底要怎麼做才可以加入這個銷魂按鈕呢?讓我們繼續看下去.......



首先先到Like Button-Facebook開發人員這個網頁取得程式碼
依照參考資料說明傳送的功能"Send Button"僅用於 XFBML 的程式碼版本
但等一下會使用 iframe 版本,所以傳送功能在這裡要把這個選項取消~
而產生的式樣可以在下面預覽視窗中看到

按下Get Code->選取IFRAME並複製這段程式碼

接著到後台選取 版面配置->新增小工具->選擇「HTML/JavaScript」
假設我要把按扭擺在"愛凡塵的兩三小事"標頭下方
那就直接在下方新增小工具即可~如下圖:

完成後到Blogger檢視一下呈現的狀況,算是完成一段落了。


但如果我是要放在小工具可以擺放的位置以外呢?而且每篇文章各自分別計算讚次數?
比如是文章標題前~或文章標題後~或文章結尾處等等.......
那就必須將程式碼放到指定的位置囉~來看看吧~

首先我想把按鈕放在文章標題下方
先到後台->範本->選取"編輯HTML"
找到 <div class='post-header'這段標籤,然後將下面的程式碼加入到它的下一行
<div class='post-header-line-1'/>程式碼加入這邊</div>
**切記不要重複複製到<div class='post-header-line-1'/>...</div>標籤**


完成後,可以發現按鈕已經加入到文章標題正下方了,而且分別計數每篇文章的讚

另外如果想放在整篇文章後面的話,就找
<div class='post-footer'> 這組標籤,同樣把程式碼加入標籤中~


以上,打完收工~^^

沒有留言:

張貼留言