2010年9月30日 星期四

Blogger + facebook「讚」按鈕

重要: 修改 Template前請先備份存檔

修改步驟 版面配置 (Template) → 修改 HTML (Edit HTML) → 把 展開小裝置範本 (Expand Widget Template) 打勾 來編輯範本的完整 HTML

按鈕的程式碼加入你想要的位置 (任選其一) 



a. 將按鈕置於文章標題前:
在 <h3 class='post-title'> 代碼前加入以下代碼:
<script>
document.write(&#39;&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=<data:post.url/>&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowTransparency=&quot;true&quot; style=&quot;border:none; overflow:hidden; width:450px; height:80px&quot;&gt;&lt;/iframe&gt;&#39;);
</script>

b. 將按鈕置於文章內容前或後:
在 <p><data:post.body/></p> 代碼前或後加入以下代碼:
<script>
document.write(&#39;&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=<data:post.url/>&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowTransparency=&quot;true&quot; style=&quot;border:none; overflow:hidden; width:450px; height:80px&quot;&gt;&lt;/iframe&gt;&#39;);
</script>

其他部落格程式碼請參考官網說明: Like Button - Facebook
參考來源

↓ 按鈕樣式如下

沒有留言:

張貼留言