2010年12月2日 星期四

讓Blogger個別文章可以使用獨立的Facebook讚按鈕

若我們想要加強Blogger文章與Facebook的使用者關連性,讓有使用並登入Facebook的網友,來到您的Blogger後,可以對於個別欣賞的文章也像在Facebook塗鴉牆或網誌上給個「讚」,這就需要使用本次介紹的功能來達成了!


使用滑鼠左鍵選取底下程式碼後,按下滑鼠右鍵,選擇「複製」。
<script>
document.write(&#39;&lt;iframe src=&quot;https://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:65px&quot;&gt;&lt;/iframe&gt;&#39;);
</script>

到Blogger後台的「設計>修改HTML>修改範本」裡,勾選「展開小裝置範本」,找到下述程式

<b:include data='post' name='post'/>



在此段程式的後面,輸入<br />這個強迫斷行的HTML標籤,並按下滑鼠右鍵,選擇「貼上」剛剛複製的程式碼,完成後請按下「儲存範本」鈕。

接著就是到前台去觀看確認是否正確無誤囉!


4 意見:

廷恩 提到...

它是把那个like键放在文章下面的窝 我要放在文章上面叻 怎样弄

創意眼 提到...

改放在<b:includable id='post' var='post'>這一段程式碼之後即可!

厚片吐司養成日記 提到...

謝謝老師~我今天晚上照著網路搜尋到的方法,弄了三個多小時還是無解,突然想到您的課,就來這裡找找看,沒想到這麼簡單耶,想到前面浪費的時間就想流淚
BTW,想順便請問,除了讚之外,可以加上分享按鈕嗎?

創意眼 提到...

很高興這些內容對你有幫助!分享按鈕Google部落格裡就有內建了,在後台的版面配置>網誌文章>編輯>顯示分享按鈕

張貼留言

若對於本篇文章有任何批評指教或鼓勵建議,歡迎您留言讓我知道...