用Blogger的「網頁」清單建立「導覽列」

https://blogger-script-study.blogspot.com/2010/05/blogger-pages-create-browse-menu.html?m=0

現在起使用 Blogger 也可以輕鬆製作「導覽列」選單了。以前都只能下載別人製作好的範本或自己修改模板語法 (template Html)，否則很難製作出導覽列。

導覽列的好處可以讓網友在瀏覽我們的部落格時，快速連結到部落格內的特定網頁，比如說連結到「相簿」、「留言板」、「關於我」…等，我較常用的是連結到一些我已經針對某一主題寫過很多文章的整理文，這樣可以方便讀者找到一個有主題的導覽文，也增加了訪客的停留時間並降低網頁的跳出率。

很多人一開始看到這個「網頁」清單的新功能都搞不清楚是什麼，就算知道了也不會用，我也不例外，後來找了一些資料才知道如何使用。

1. 首先進入 Blogger 的後台的【版面配置】，隨便點選一個可以【新增小工具】的地方。

2. 開啟「新增小工具」視窗，點選【網頁】。

3. 會切換到「設定網頁清單」視窗。建議你把「標題(可省略)」】的地方變成空白。一開始只有一個「首頁」指到你的部落格的根部網址你，也可以變更其命名，比如說改成英文【Home】，先按【儲存】。

4. 回到【版面配置】畫面，如果你的「網頁」小工具不是出現在整頁的最上方，就用拖曳的方式把它拉到整頁的最上方。

5. 先按【儲存】，然後按【檢視網頁】，你會發現網頁標題的下方出現一個新的導覽列，也有一個新的導覽選項【首頁】，就是剛剛新增的那個，如果你剛剛把它改名為【Home】，它就會現出【Home】。

6. 接下來，我們來多增加一個新的導覽選項【關於我】。再進入Blogger後台 （不是編輯小工具喔！），點選【文章】→【編輯網頁】→【新網頁】。
  

7. 「網頁標題：」寫【關於我】，內容就自己寫囉！寫好之後按【發佈網頁】。

8. 點選【檢視網誌】會到部落格首頁，點選【檢視網頁】會到剛剛新增的「關於我」網頁。先點【檢視網誌】。

9. 【關於我】的導覽列選項已經加上來了。點選看看有什麼變化？可以試看看在【首頁】與【關於我】之間切換看看。請注意其網址沒有加上年月耶，也就是說直接放在部落格的根目錄，一般的部落格發表的文章都會再跟目錄底下在加上年月，自己觀察看看吧。其實如果剛剛編輯網頁的時候先用純英文的標題，如 【About Me】，那麼網址名稱就會是英文的 blog-root/about-me.html 喔參考這一篇主動操控Blogger的網頁檔名有意義化，提昇PageRank。

• 「首頁」在http://bloggerscriptstudy.blogspot.com/
• 「關於我」在http://bloggerscriptstudy.blogspot.com/p/blog-page.html
  

10. 至於導覽列選項的文字字型大小、顏色及背景，就要使用 Blogger 的新【測試區】功能，有機會再說明吧。

---

回到 Blogger 部落格技巧總整理

BTemplates－設計給Blogger的板型/範本網站

https://blogger-script-study.blogspot.com/2010/05/blogger-template.html?m=0

介紹一個專門給 Blogger 的使用者下載範本的網站－BTemplates，這個網站收集了各式各樣 Blogger 的範本(template)，讓 Blogger 的玩家有個多采多姿的網頁。它還很細心的把範本都分門別類好了，可以按照欄數來選擇(單欄、二欄、三欄、四欄)，也可以按照樣式來選擇(從Wordpress轉過來的、給喜歡精緻的你用的部落格(Elegant)、給雜誌部落格用的(Magzine)、給相片部落格用的(Photolog)…)，也可以用顏色來區分，還可以用側邊欄在左邊或右邊來區分...等。

• 名稱：BTemplates
• 網址：http://btemplates.com/
• 適用部落格平台(BSP)：Google Blogger
• 使用語言：英文

操作步驟：

1. 進到 Btemplates 首頁，左手邊的主欄位就是可以下載的範本，中間有個分類欄位(Cloumns, Styles)可以讓你根據自己的喜好來篩選範本，右邊的應該是廣告吧！

2. 假設我們先選擇這個【Green City】的範本(template)來當作示範好了。建議先點擊它的圖示進入下一個畫面。

3. 這裡可以有比較大的圖示可以讓你瞭解這個範本的樣子，如果還是覺得不夠真實，可以點選【Live demo】 實際查看套用範本後的網頁樣子。如果滿意的話，就可以點選【Download】。基本上下載回來檔案為壓檔，你必須先解壓縮，解完壓縮後會看到一個【Green-city】的資料夾，範本就在其資料夾下面，會有一個 .XML 附檔名的檔案。

4. 打開 Blogger 的後台(要先登入喔！)，點選【版面配置】→【修改HTML】→【下載完整範本】，先備份原來的範本。然後點選【瀏覽...】找到剛剛解壓縮的 Green-city.xml 檔案，然後點選【上載】。 不會進入Blogger後台？先參考一下這一篇 Blogger template (板型)修改注意事項。

5. 上載完成後，有時候會出現一些小問題，可以選擇【保留小工具】，就可以完成上載了。也可以選擇【刪除小工具】那麼這編列出來的小工具就會消失。點【取消】就是取消範本的上載，也就是不變。

6. 上載完成後就會出現這個畫面，點【檢視網誌】就可以看到新的範本已經套用了。
 

7. 完成了。這就是新範本套用後的樣子，跟你預期的一樣嗎？不滿意的話還可以依照前面的步驟把舊的範本換回來。 不過要小心，有一些後來加上去的【小工具】可能會不見，建議在 Blogger 開設之初就把板型設定好，免得以後麻煩。

---

回到 Blogger 部落格技巧總整理

如何申請Google Analytics(分析)

https://blogger-script-study.blogspot.com/2010/05/google-analytics.html?m=0

Google Analytics(分析)功能真的很強，它不但可以提供我們網站的流量，也可以告訴我們很多網站分析有用的資訊，諸如網頁的跳出率、網站(頁 )的停留時間、訪客的回訪率、訪客來源、搜尋關鍵字訪客來源，還可以追蹤網站內點閱分佈圖…等。

我則比較常用它來觀察我部落格的流量變化，因為它紀錄了我從開始申請使用到現在的所有流量資料(1年又8個月)，我也常拿它來觀察我的訪客從何而來，然後分析我在網路上的足跡如何影響我的部落格流量，比如說有多少來自FunP而來，有多少從MyShare而來，還有多少來自不同的搜尋引擎。

如果你還沒有Google的帳號，那你必須先申請一個，因為Ayalytics現在也是Google的服務之一。

1. 進入 Analystics 網址：http://www.google.com/analytics

2. 點擊【請立即申請】。

3. 你還是需要再輸入一次你原來的Google帳號密碼，以開啟Analystics的使用權限，然後按【登入】。

4. 點擊【Sign Up】進行下一步。

5. 填寫欲加入 Analystics 的網址，如果還有更多的網只要加入觀察，可以等到Analystics 申請完成後再加入。
為你的Analystics取一個帳號名稱，以後也可以加入更多的帳號管理。
建議可以將時區改為【Taiwan】。

6. 填寫你的【(Last Name)姓】及【(first Name)名字】，應該可以接受中文字"；【國家(Country or territory)】選擇【Taiwan】。

7. 勾選【Yes, I agree to the above terms and conditions】服務條款，然後按【Create new Account】。

8.選擇【A single domain (default】，並複製程式碼，然後按【Save and Finish】按鈕。

9. 進入天空部落(YAM) 後台，點選【管理首頁】→【個人資料】，在「部落格描述」的欄位貼上剛剛複製的程式碼，然後按【資料更新】按鈕儲存。

---

《2010.11.19更新》
如果你的部落格使用Google的Blogspot，先進入Blogspot的後台，點選「設計」主頁籤，在選擇「修改HTML」次頁籤，找到『</head>』然後在其前面貼上Anayltics的程式碼，按「儲存範本」就可以了。

---

剛裝上去的時候，狀態(Status)通常是【三角形的驚嘆號】，表示Analytics還未追蹤到程式碼，請耐心等約5分鐘，後再試看看是否已經轉變為【圓形時鐘】或【打勾符號】，如果已轉變，表示程式安裝正確，如果還是未轉變，可能是程式碼安裝錯誤，請檢查或刪除原來的程式碼，然後重新安裝。

狀態(Status)符號的意義：

---

回到 Blogger 部落格技巧總整理

主動操控Blogger的網頁檔名有意義化，提昇PageRank

https://blogger-script-study.blogspot.com/2010/05/blogger-web-name-pagerank.html?m=0

在我們對搜尋引擎的認知裡，一般的搜尋引擎在搜尋文章時，除了搜尋文章裡面的關鍵字外，文章的網頁檔案名稱也是其搜尋的對象之一，所以如果想要讓搜尋引擎快速找到我們的文章，除了在文章內放上關鍵字之外，有意義的文章網頁檔案名稱也非常重要，這樣可以優化搜尋，PageRank就可以加分。

如果你是用Google提供Blogger來發表你的部落格文章，不知道你是沒有發現到，Blogger其實只能辨識英文，而無法辨識中文字，並給予適合標題的網頁名稱，如果你的文章標題全部都是中文字，那Blogger就會給你一個如【blog-post_??.html】，其中??會用數字代表，的通用網頁名稱，這樣子是無法讓搜尋引勤藉由網頁檔名來瞭解你的文章的；如果你的文章標題中有英文字，那Blogger就會把前面的中文字抓來當作網頁的檔名。

所以我們是可以控制Blogger的網頁檔名的，我們可以先在文章要發表的時候，先取成簡單有意義的英文標題，等到文章發表後馬上改回我們想要的中文標題，這樣就可以擁有搜尋引擎可以瞭解的網頁檔名，也可以有個我們可以理解的中文標題。

就我的經驗，Blogger的網頁檔名一旦指派，無論你的標題名稱或是文章內容如何改變，都不會再變更，除非你刪除原有的文章。

還有一點要留意的，一旦文章發表後，想要更改檔名要越快越好，否則有些搜尋引擎或網路機器人，會把原來的中英混雜的標題收錄進去，以後查詢搜尋引擎的時候可能就會看到一些奇奇怪怪的文章標題，建議你可以把標題作成有意義的全英文格式，等發表後馬上改回你想要得中文格式。

來看看如何控制Blogger的網頁檔名吧！這裡示範的是使用 Windows Live Writer 的部落格離線編輯工具，方法也可以適用在Blogger的網頁編輯工具上，此方法可能不適合其他的部落格平台(BSP)。

▼文章寫好準備發表時，這邊文章的標題全部都是中文字【旗山的哥德式天主教堂與武德殿】，所以Blogger應該無法辨識，而會給予一般通用的【blog-post_??.html】網頁檔名。

▼文章發表後，查看其網頁檔名果然為 【findlifevalue.blogspot/2010/05/blog-post_09.html】的通用格式。

▼使用原來的文章，重新發表一次，但是把標題加上英文關鍵字【Chi-san church旗山的哥德式天主教堂與武德殿】。

▼文章發表後，再查看其網頁檔名，果然變成 【findlifevalue.blogspot/2010/05/chi-san-church.html】有意義的名稱。
 

▼確認網頁名稱正確後，馬上將原本標題前面的英文字移除，然後再發表一次，這次發表的內容及標題將會覆蓋過去原來的。
 

▼再查看一次網頁，可以發現網頁檔名維持有意義的【findlifevalue.blogspot/2010/05/chi-san-church.html】，而文章標題也改成我們所要的內容了。

---