WFU Blog - 超棒的教學,
很清楚介紹 Blogger 的頁面種類, 對開始認識語法, 有很大幫助!
http://www.wfublog.com/2013/12/7-blogger-pagetype.html
1. archive：文章封存頁面 data:blog.pageType == "archive"
2. item：文章頁面
3. static_page：靜態網址頁面
4. index：索引頁面
5. homepageUrl 首頁: data:blog.url == data:blog.homepageUrl
6. data:blog.searchLabel 標籤頁面
7. data:blog.searchQuery : 搜尋頁面
頁面判斷式(PageType)的應用
http://www.wfublog.com/2012/12/blogger-pagetype.html
1. 讓特定內容在 "文章頁面" 才出現：
2. 讓小工具內容在 "文章頁面" 才出現：
3. 讓小工具內容在 "首頁" 才出現：
範本裡的亂碼
http://www.wfublog.com/2014/04/blogger-template-escape-code-character.html
& → &
< → <
> → >
" → "
' → ' 或是 '
全形符號 → 進行 unicode 編碼
//<![CDATA[ 與 //]]>，就能讓藍色的字元 &、<、" 等等都不會被轉碼。
<data:post.url/> 就是代表 "文章網址"
範本教學1: 各種註解方式及各區塊說明和修改
http://www.wfublog.com/2013/02/blogger-template-remark.html
HTML 的註解語法 : <!-- 註解內容 -->
CSS 的註解語法：/* 註解內容 */
Javascript 的註解語法：
單行註解方式：// 註解內容
多行註解方式：
/*
註解內容
*/
範本教學2 : 標頭、導覽列、側邊欄、頁尾區塊的程式碼
http://www.wfublog.com/2013/03/blogger-template.html
一、官方導覽列 id='Navbar1'
二、標頭區塊(HEADER)
網站名稱的字串為 <data:title/>。
網站敘述的字串為 <data:description/>。
三、水平功能導覽列("網頁"小工具) id='PageList1'
四、側邊欄
五、頁尾版權宣告 id='Attribution1'
範本3 文章及留言區塊的程式碼 (內容多又詳細, 值得好好研究)
網誌文章 id='Blog1'
一、上下頁區塊
<data:homeMsg/>：代表預設字串「首頁」
<data:newerPageTitle/>：代表預設字串「較新的文章」
<data:olderPageTitle/>：代表預設字串「較舊的文章」
二、分享按鈕區塊 id='shareButtons' var='post'
三、文章區塊 id='post' var='post'
1. 文章標題」字串的程式碼為 <data:post.title/>
2. 文章內容」的程式碼為 <data:post.body/>
3. 繼續閱讀」字串的程式碼為 <data:post.jumpText/>
4. 張貼者：字串的程式碼為<data:top.authorLabel/>
5. 發文時間: 代表「於」字串的程式碼為 <data:top.timestampLabel/>
代表「發文時間」字串的程式碼為 <data:post.timestamp/>
木偶小姐 - 好多實用的連結
http://muous.blogspot.tw/2013/01/blogger-hack.html
