2010年5月21日

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

↓ 按鈕樣式如下



收進你的 MyShare書籤

10 則留言 :

林佳男 提到...

謝謝喔~
我剛也加入了.

小Mic 提到...

佳男: 不客氣! 我有去你的部落格看過, 非常不錯! 也按下「讚」了, 一起加油喔!

舒適的生活 提到...

謝謝你提供的教學~^^

paladin 提到...

寫得很棒,謝謝你。

Jason 提到...

成功了,感謝~

小Mic 提到...

舒適的生活, paladin, Jason: 不客氣嚘! 一起加油~ ^^

Kevin 提到...

謝謝你提供的教學,非常棒!!!

小Mic 提到...

Kevin: 不客氣! 一起加油喔~ ^^

KuangTC 提到...

感謝,我也加入了,謝謝你的教學!!!!

小Mic 提到...

KuangTC: 不客氣嚘! 一起加油~ ^^

張貼留言

※ 科技日新月異,文章內容相關資訊以發文時間為準!感恩!

本週熱門

文章導覽


歡迎到 facebook 一起來廢屁~