2012年4月2日 星期一

BLOGGER 在文章結尾加入Facebook按讚和寄送按鈕

如何在Blogger文章結尾插入Facebook按"讚"和"寄送"的按鈕?

本文參考 雲端書影 : 在 Blogger 標題下方加入讚按鈕與傳送按鈕功能的方法

如想深入研究可到雲端書影大大那篇文章去看看!! 細節部分在這邊就不敘述!!

程式碼如下 :
<!--標題下方加入 facebook 按讚 + 寄送 的功能-->
<div id='fb-root'/>
<script src='http://connect.facebook.net/zh_TW/all.js#xfbml=1'/>
<fb:like colorscheme='dark' expr:href='data:post.url' font='' send='true' show_faces='true' width='450'/>
<!--標題下方加入 facebook 按讚 + 寄送 的功能結束-->
     


首先進入Blogger的"設計"=>"修改HTML(範本)"

然後記得"開啟小型範本"要打勾( 不然找不到貼程式碼的地方喔^^ )

Ctrl+f 尋找下面程式碼 , 並將最上面的程式碼貼到 程式碼貼這裡
 <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
 <data:post.body/>
    程式碼貼這裡
 <div style='clear: both;'/> <!-- clear for photos floats -->
 </div>


如果不需要"寄送"按鈕的話 , send='true' 改成 send='false'即可! 顯示範例如下 :

2 則留言: