2015.06.08上課筆記~
這次的課程真的超有深度~光是如何在Blogger中建立FB的連結就可以整整講了三堂課(一堂課一小時)，為了怕過沒多久都還給老師，所以還是做個筆記加深印象！
今天上課主要重點：
(1)如何在Blogger中建立粉絲專頁的連結
(2)在Blogger中建立按讚、分享的按鈕
(3)在Blogger中建立留言、回應的框框
看似簡單~但操作起來卻很頭大，因為步驟、程式碼超多的啦！
廢話不多說~請看以下操作說明，
どうぞ~
Ø 如何在Blogger中建立粉絲專頁的連結
Step 1-1.首先，請先將老師的Blogger開啟，因為我們會一直用到他老人家的頁面
Step 1-2.把6/5分享的好文叫出來：
[Blogger應用]嵌在部落格的Facebook粉絲框快更新吧！
Step 1-3.進入
FB Developer網站
Step 1-4.前提：記得先登入您的FB喔!
在來是點選：Docs/ Social Plugins
Step 1-5.點選左欄位的Page Plugin進入
畫面，
在FB Page URL上輸入您的FB粉絲專頁網址(如圖所示)。
Step 1-6.輸入好後，點選Get Code，會跑出兩段程式碼。
Step1-7.接者，請到Blogger的版面配置，增加HTML/Java Script
Step 1-8.打上標題後，把剛剛取得的兩串程式碼貼到內容裡。
Step 1-9. 粉絲頁的位置可以變換，長寬也可調整。
Step 1-10.按儲存後，點選檢視網誌，測試一下畫面有沒有跑出來。
Ø在Blogger中建立讚、分享的按鈕
Step 2-1.點進老師的Blogger：
"FB的讚與留言加到Blogger方法(1)"
Step 2-2.點進
[這個網址]，輸入自己的FB網址，取得FB ID。
Step 2-3.開一個新的word檔，把FB ID暫時記錄在上面(記得存檔喔!)
Step 2-4.回到
FB Developers網站，點選My App中的Add a New App，
會跳出四個選項，請點選第四個：網站。
Step 2-5.請點選Skip and Create App ID， 並如圖所示依序輸入文字。
進行安全驗證。
Step 2-6.並把取得的FB App ID 一樣貼在word檔裡面。
Step 2-7接下來的步驟是要取得：讚及分享按鈕的程式碼。(
如圖所示)
Step 2-8. 接著，請回到老師的部落格頁面：
FB的讚與留言加到Blogger方法(2)
開兩個新的記事本檔案(001、002)，把他們依序複製貼上在記事本中，並更改FB ID及FB App ID。
Step 2-9.請到您的Blogger範本頁面，先把原來的範本備份起來。
Step 3-1.備份好後，請點選：編輯HTML
Step 3-2.找出<head>，在後面貼上001記事本儲存的代碼。
Step 3-3.同樣的方法，用快速鍵Ctrl+F搜尋</body>，並在後面貼上002記事本的程式碼。
(※提醒：記得每操作一個動作要點一下儲存範本喔!)
Step 3-4.請利用Ctrl+F搜尋：
<b:includable id='comments' var='post'>
並將讚按鈕的程式碼貼入在後面。
Ø在Blogger中建立留言、回應的框框
Step 3-5.取得：留言、回應框框的程式碼。(
如圖所示)
Step 3-6.把程式碼輸入到剛剛貼上讚按鈕程式碼的後面，並儲存範本。
Step 3-7.點選檢視網誌，測試一下是否成功~
沒有留言:
張貼留言