[Blogger] 側邊列元件的收合與顯示

在拜讀過 ABIN'S TECH NOTE 所撰寫兩篇文章之後，

老灰仔兩個 Blogger 又更進步了~~~

《老灰仔有將 ABIN'S TECH NOTE 收在右側網頁連結區喔！》

分別是

讓側邊列 (Sidebar) 的元件能夠展開和摺疊 (Element Toggling)

讓側邊列 (Sidebar) 的元件只在首頁顯示/不顯示

這兩篇文真的很讚！

很實在的顯示出 Blogger 的優異

為了方便，老灰仔很簡略的 Copy 部份程式段出來

以便之後自己查閱 XD

Sidebar 展開與收合：

1. ＜head＞ ＜/head＞ 標籤內、＜/style＞ 後面貼上

＜script type='text/javascript'＞

＜!-- Function used for Sidebar Element Toggling: ElementToggle()--＞

function ElementToggle(id) {

var element = document.getElementById(id).getElementsByTagName('div');

for(i = 0; i < element.length; i++) {

attribute = element[i].getAttribute('id');

if(attribute == 'toggle')

{

if (element[i].style.display == 'none')

element[i].style.display = 'inline';

else

element[i].style.display = 'none';

}

}

}

＜/script＞

2.假設要將個人資料使用收合功能，則使用 id='Profile1'

＜b:widget id='Profile1' locked='false' title='AUTHOR PROFILE' type='Profile'＞

＜b:includable id='main'＞

＜b:if cond='data:title != ""'＞

＜h2＞＜a href='javascript:void(0);' onclick='javascript:ElementToggle("Profile1");'＞[+/-]＜/a＞＜data:title/＞＜/h2＞

＜/b:if＞

＜div class='widget-content' id='toggle' style='display:none;'＞

............. (程式內文略過不表)

＜/b:includable＞

＜/b:widget＞

此欄位可依個人喜好做調整，

如老灰仔將 "文章/回應 RSS" 一欄在首頁中閉合

要預設開啟則將style='display:none;'去掉即可！

Sidebar 在文章中隱藏

1.假設要將個人資料在文章中隱藏，則使用 id='Profile1'

＜b:widget id='Profile1' locked='false' title='AUTHOR PROFILE' type='Profile'＞

＜b:includable id='main'＞

＜b:if cond='data:blog.pageType != "item"'＞

＜b:if cond='data:title != ""'＞

............. (程式內文略過不表)

＜/b:if＞

＜/b:includable＞

＜/b:widget＞

此欄位亦可依個人喜好做調整，

如老灰仔將 "文章/回應 RSS" 一欄在文章中隱藏

2. 若 "!=" 改為 "==" 則為相反結果，其他判斷語句：

＜1b:if cond='data:blog.pageType != "item"'＞

(如果現在不在內頁的話)

＜b:if cond='data:blog.pageType != "archive"'＞

(如果現在不在 Archive 存檔頁面的話)

＜b:if cond='data:blog.pageType != "index"'＞

(如果現在不在 Label 標籤分類頁面的話)

＜b:if cond='data:blog.url != data:blog.homepageUrl'＞

(如果現在不在首頁的話)

依照往例，要將＜＞改為小寫才能用喔！