2014年1月22日星期三

[Blogspot教學]加Facebook徽章

之前教過大家加Google+徽章,今天按網友提議,談談我的Facebook徽章(提供專頁連結與「like」按鈕)吧~
圖1)豆丁式Facebook徽章

官方Facebook徽章

介紹我的Facebook徽章前,不得不告訴大家最簡單的方法﹣﹣直接使用Facebook的徽章設計:

網址:https://www.facebook.com/badges/page.php

然後,按網頁指示做就可以了~ 相當方便~





豆丁式Facebook徽章

注意:如果你一直在文章使用Facebook like(參考《在每篇文章顯示like或+1》),請略過步驟1至3。

步驟1)到「範本」>「編輯HTML」



步驟2)貼Facebook的程式碼:以Ctrl+F尋找 <body ,然後在 <body那行文字的後面加上以下程式碼:





步驟3)儲存範本的程式碼



步驟4)到設計平台,在「版面配置」頁選出心水位置,按「新增小工具」


步驟5)在跳出來的頁面選擇「HTML/JavaScript」:



步驟6)在標題處填寫自己喜愛的標題。豆丁的標題是「我的Facebook」(參看圖1)~ 複製並修改以下程式碼後,貼到大空白處,按「儲存」,成功!^^

*記得修改引號(" ") 內的東西,但不要刪除那些引號(""):




*如何尋找圖片網址?把圖片上載到Blogspot或Facebook後,按滑鼠右鍵,複製圖片網址就可以了~^^




>> 繼續閱讀《Blogspot教學

>> 你可能想閱讀:
         *《被洋化的蘿蔔糕
         *《「世界瀑布之都」系列:冰雪瀑布百看不厭
         *《不要新年願望
         *《開心黃頁
         *《何時用Google+?何時用Blogger簡介?

16 則留言:

  1. 多謝豆丁! 等我試試再話比妳知......!

    回覆刪除
    回覆
    1. 尚未成功!!?? 接唔到!? 等明天再換另一部电腦再試! Thanks again!

      刪除
  2. 多謝你的分享﹗不過我還是要有排學呢﹗

    回覆刪除
  3. 我想問下之前係Y!BLOG download嘅野至執笠後就睇唔到, 仲可以係邊搵得返呀??

    回覆刪除
    回覆
    1. 是備份資料看不到嗎?這個是Yahoo備份有問題,但據說他們都不理會這個問題了…… 詳情請看:http://seeddauding.blogspot.com/2013/10/xml-yming.html

      刪除
    2. 以家又睇得返啦, 所以我都立即匯入啦

      刪除
  4. 我想做好久...但唔識...謝謝你教導

    回覆刪除
  5. 謝謝你的分享,不過好複雜 :P

    回覆刪除
  6. 多謝分享,雖然我好笨完全不懂! :)))

    回覆刪除
  7. 感謝教學,已經在弄自己的Blog了~

    回覆刪除
  8. 謝分享!幸好有你我才開始研究怎樣才可以做好些!真的寫得好好呀!

    回覆刪除

Related Posts Plugin for WordPress, Blogger...