2012-07-04

幫Google Blogger加入Facebook讚按鈕(like button)

注意:以下的程式碼片段是Google Blogger專用的,如果你想幫一般網頁加上讚按鈕,請使用官方的程式碼產生器

大部分人都把讚按鈕放在文章頁腳,如果你也要這麼做,把程式碼貼在這行的下一行:
<div class='post-footer'>


嗯,以下是三個最流行的讚按鈕:

標準外觀+顯示臉:
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height: 65px;'/>


標準外觀顯示臉:
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;height=35&amp;action=like&amp;font=verdana&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>


按鈕+計數:
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=verdana&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height: 21px;'/>



No comments:

Post a Comment