圖解：Blogger 系統標籤的語法，控制要呈現哪些內容 Blogger tags illustration: data, b:if, b:else, b:loop

我的 Blogger 網誌改版作業，終於完成了，把自己提出的需求實作出來，感覺真棒 XD

延續上一篇 圖解：網頁設計之 Blogger 新樣板系統的html頁面結構 ，這次，針對 Blogger 系統專屬的語法，也做了圖解筆記。

樣板的 html 部份，主要是控制整個網誌的版面外觀，而 Blogger 的系統標籤，如 data: b:if b:else b:loop 等語法，則是控制從 Blogger 資料庫中提取出來的、實際上的網誌內容。

語法的圖解如下：

Blogger的Data標籤語法

用data標籤，撈出存在Blogger系統內的資料
Blogger系統內，有數十種資料可以用data標籤撈出來，然後顯示在我們的部落格中。不過，只有下列8項是在任何小工具(widget)之內都可用的，其他的，根據小工具的類型(type)，可以呼叫的資料內容也各自不同。詳見reference裡的官方說明文件。

-- 語法的部份，用文字很難排版，請見圖片本身--

ETBlue's Blogger Notes at http://etblue.blogspot.com
Reference:
http://www.google.com/support/blogger/bin/answer.py?hl=en&answer=47270

Blogger的If / Else條件式語法

用b:if條件式標籤搭配比較運算子，在指定頁面顯示或隱藏物件


-- 語法的部份，用文字很難排版，請見圖片本身--

ETBlue's Blogger Notes at http://etblue.blogspot.com
Reference:
http://abintech.twidv.com/2007/02/sidebar.html
http://www.google.com/support/blogger/bin/answer.py?hl=en&answer=47270
http://www.google.com/support/blogger/bin/answer.py?hl=en&answer=46995
http://blogging.nitecruzr.net/2010/10/conditionally-displaying-template.html

Blogger的Loop迴圈語法

用b:loop迴圈標籤，在同一個頁面裡秀出多篇文章、多個留言

-- 語法的部份，用文字很難排版，請見圖片本身--

ETBlue's Blogger Notes at http://etblue.blogspot.com
Reference:
http://www.google.com/support/blogger/bin/answer.py?hl=en&answer=46995
http://www.google.com/support/blogger/bin/answer.py?hl=en&answer=47270