3-5

03Chapter

模版主題Xm

ax - Portfolio OnePage

實作

3.2 修改主頁大圖片內的標頭文字當版型範本上傳安裝後，基本上頁首圖片上的 Xmax字樣已自動變更為我們的網

誌名稱了。但由於其文字預設範圍的寬度只有 300px，當我們網站名稱太長時，

會因文字換行而影響整體美觀，此時就得為網誌取一個簡短、響亮又符合美觀的

名稱了。

Ã未變更名稱前的網誌呈現樣式

Ã變更名稱後的網誌呈現樣式

Google B

logger

3-6

用 Google Blogger打造響應式網站 X LINE@生活圈實戰，行動商務也 Easy！

上圖變更為符合寬度的網誌名稱後，是不是感覺較美觀了！也許您會覺得這麼大

的圖片空間只能容納幾個字有點可惜，但這也是設計者為了能夠直接符合手機瀏

覽的精心設計，不僅能符合手機寬度的大小，也達到美觀的要求。

　　

Ã變更網誌名稱前後的手機呈現樣式

修改與套用

Step01 進入 Blogger後台 → 點擊左側功能區 [設定 ]選項 → 進入頁面後點擊

「基本」區域內「標題」的 [編輯 ] → 於修改框內編輯新的網誌名稱

→ 點擊 [儲存變更 ]。

3-51

03Chapter

模版主題Xm

ax - Portfolio OnePage

實作

套用 Google地圖

Google地圖網址：https://www.google.com.tw/maps/

Step01 經由上述網址進入 Google地圖網站 → 於左上方搜尋框內鍵入地址或

企業名稱後 → 點擊搜尋框右方的搜尋按鈕 → 出現搜尋結果後，於左

側搜尋框的下方點擊右方的 [分享 ]符號。

Step02 點擊後彈出分享視窗 → 點擊選取上方的 [嵌入地圖 ]。

Google B

logger

3-54

用 Google Blogger打造響應式網站 X LINE@生活圈實戰，行動商務也 Easy！

� 套用後的呈現樣式 (2)

� 套用後的手機呈現樣式

　

Google B

logger

3-64

用 Google Blogger打造響應式網站 X LINE@生活圈實戰，行動商務也 Easy！

套用 Facebook社群外掛元件

內頁右側欄套用 Facebook紛絲專頁的社群外掛元件相當簡單，毋須事先取得嵌

入語法，只需將粉絲專頁的網址寫入即可自動套用。

Step01 進入 Blogger 後台 → 點擊左側功能區 [ 版面配置 ] 選項 → 點擊

「Follow us on facebook」欄內右側的 [編輯 ]。（圖示略）

Step02 此時彈出「設定 HTML/JavaScript」視窗 → 移除或變更標題內容 →將

Facebook紛絲專頁的網址寫入「內容」欄內 → 點擊 [儲存 ]。

� 套用後的內頁右側欄呈現樣式

4-19

04ChapterLIN

E@

生活圈實戰

4.4 認識手機 LINE@ App管理介面

下載於手機端的 LINE@ App，除了基本功能的操作設定外，最重要的就是其所

提供的訊息「提醒」功能，不論我們擁有幾組帳號，都能讓我們隨時隨地與客戶

溝通或提供服務。

認識手機操作介面

� 帳號狀態：顯示帳號 ID與帳號類別狀態。

� 功能設定選項列表：「管理」功能選項的各項功能分類列表。

帳號清單選項按鈕

主要功能選項區

帳號狀態區

可更改「提醒」設定

功能設定選項列表區

Google B

logger

4-20

用 Google Blogger打造響應式網站 X LINE@生活圈實戰，行動商務也 Easy！

� 主要功能選項區

包含了「好友」帳號列表、「聊天」

記錄列表、「首頁」樣式與投稿、

與「管理」功能設定選項列表。

4-35

04ChapterLIN

E@

生活圈實戰

4.8 建立可以得知開封數與點閱數的宣傳頁面

本章開頭時曾提到，「開啟率」一直以來都是數位行銷所關心的數字，那我們到

底該如何知道所發送的訊息是否都有被粉絲開啟呢？這時便可利用建立「宣傳頁

面」的功能來獲取這項數據。（本項設定僅可由電腦版的後台管理介面來進行設

定）

Step01 進入電腦版 LINE@帳號後台 → 點擊左側功能區 [建立優惠券 /活動 ]

→ 點擊 [宣傳頁面 ]→ 點擊右側列表區右上方的 [建立新頁面 ]。

Step02 開啟頁面後 → 填入「宣傳頁面的標題」→ 上傳「宣傳頁面的圖標」

→ 可選擇類手機畫面「預覽基本資訊」檢視。

Step03 接著再於頁面下方進行相關設定 → 視需求設定「連結 1.」、「連結 2.」

的按鈕內容 → 繼續下拉頁面進行相關設定後，點擊最下方的 [儲存 ]

按鈕。

Google B

logger

4-36

用 Google Blogger打造響應式網站 X LINE@生活圈實戰，行動商務也 Easy！

4-43

04ChapterLIN

E@

生活圈實戰

集點卡建立方式

集點卡的建立目前是僅能以手機版來設定，此功能就如同超商的消費集點兌換贈

品活動一樣來吸引顧客持續消費，好處是將集點卡內建在消費者的 LINE裡，大

幅節省紙本集點卡的印製成本、也易於讓消費者保存，不論是一般帳號或認證帳

號，皆可以使用集點卡服務且不需費用。

Step01 進入 LINE@ App帳號後台 → 點選 [管理 ]→ 點選 [ LINE集點卡 ]→

點選 [建立集點卡 ]。

Step02 同意使用條款，點選 [OK]→ 從 10組模版中，選擇自己最想使用的集

點卡背景 → 依據行銷活動需求，設定顧客需要收集的點數。（點數可

設定的範圍為 1~50點）

Google B

logger

4-44

用 Google Blogger打造響應式網站 X LINE@生活圈實戰，行動商務也 Easy！

設定好點數，下一步，就可以設定顧客集滿點數時可以獲得的優惠內容！

Step03 下滑頁面點選 [集滿點數優惠

（必填）]。

4-45

04ChapterLIN

E@

生活圈實戰

Step04 點選 [建立優惠券 ] → 點選 [+新增新的優惠券 ]。

Step05 點選後，接著輸入優惠券標題 → 使用說明 → 有效期限 → 上傳一張

獎品照片 → 選擇一張優惠券背景顏色，即完成優惠券的初步設定。

Step06 輸入完成後 → 點選 [查看預覽畫面 ]→ 點選 [以此內容建立 ]（圖示

略）→ 點選 [確定 ]，優惠券即建立完成。

※請注意：優惠券建立後不可再編輯或刪除。

Step07 設定好集點優惠後 → 針對相關自訂規則設定集點卡的其他基本資料

→ 點選 [公開服務 ]。