2015年6月17日 星期三

6/15成為無敵部落客,隨身筆電走遍世界發好文!

2015.06.15
為了實現最後一堂同樂會可以多吃一點的美夢,所以我硬擠也要擠出時間來寫這篇筆記!哈哈~沒有啦!講的這麼慷慨激昂有點over哩~
星期一上課的內容不外乎是把這學期的行銷課程做個總結:
1. 利用ifttt製作Blogger與FB粉絲專頁的連結(同步)
2. 利用XnConvert軟體把成千上萬張照片一次做編修(省時)
3. 利用Sothink軟體製作獨一無二的LOGO(獨特性)
所以廢話不多說~請看以下操作說明,どうぞ~

1) 利用ifttt製作Blogger與FB粉絲專頁的連結
Step 1-1.
首先請連結到ifttt網站:https://ifttt.com/ 
利用Gmail帳號密碼直接作登入(登入即註冊)
Step 1-2.進入My Recipes,點選Create a Recipe製作一個新的連結轉換器。

 Step 1-3點選"this",並搜尋Blogger出來。
 Step 1-4.選第一項 Any new post
 Step 1-5. OK後點擊建立觸發器(Create Trigger)
 Step 1-6. 接著是要製作連結到FB粉絲頁
 Step 1-7. 請點選第三項
 Step 1-8.可在Message 那一欄增加文字。之後點選Create Action
 Step 1-9.建立完後會跑出這樣的圖示,點選Create Recipe。
(如果是第一次操作的同學,系統會跑出FB授權同意的畫面,請一路點同意才能操作成功喔!)
 Step 1-10 完成。
 Step 1-11. 現在請新增一篇文章測試看看吧!(記得插入圖片喔)
 Step 1-12.成功~(不過剛剛在ifttt轉換器網站中所增加Blog網址似乎沒有成功轉換,這部分就需要請教老師或助教了!)
 PS:如果FB畫面還沒跑出來,可以回到ifttt按"重新整理"的按鈕作確認。
2)利用Sothink軟體製作獨一無二的LOGO
Step 2-1.首先,請連結到老師的Blog↓

部落客相片要放的部落格內,有幾個重要步驟您知道嗎??

並下載兩個軟體:XnConvert 及 Sothink

Step 2-2. 下載後,解完壓縮檔並進行安裝。
Step 2-3.接著,請開啟Sothink軟體,製作屬於自己風格的LOGO。
 Step 2-4.完成後記得存兩個檔,一個是原始檔,另一個則是PNG檔(透明背景)。


3)利用XnConvert軟體把成千上萬張照片一次做編修
製作完LOGO後,開始把一趟旅程辛苦拍攝的照片作後製。
開啟XnConvert 軟體會發現預設語言是簡體字,看不習慣的朋友可以到設置變更喔!
 Step 3-1.首先,請新增檔案,把要編輯的照片都叫進來,可利用Ctrl+A全選圖片。
 Step 3-2到動作的工具列調整圖片的大小
 Step 3-3. 加入邊框,讓照片更有洗出來的效果
 Step 3-4. 可加入文字,說明此系列照片的主題或其他。
 Step 3-5.插入剛剛做好的LOGO,保障自己的心血。
Step 3-6.照片都編修完成後,點選上方工具列"輸出",新增資料夾後作轉換。

 Step 3-7. 檔案在轉換的過程中,可以同時進行Blogger寫作或是完成其他事情。
 Step 3-8.完成後,確認一下是否轉換成功!
>>>其實做這些還挺好玩的唷!大家快來試試吧~

2015年6月9日 星期二

6/8製作超高難度:FB讚、留言按鈕及粉絲專頁連結

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.點選檢視網誌,測試一下是否成功~