2010年12月23日 星期四

圖解: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