以下大標題依照範本中出現的順序排列──
一、官方導覽列
<b:widget id='Navbar1' locked='true' title='導覽列' type='Navbar'>
<b:includable id='main'>
.
. 官方導覽列程式碼
.
</b:includable>
</b:widget>
1. 這個區塊可參考這個「Blogger中文社群討論串」將其隱藏起來。
2. 建議不要刪除「官方導覽列」這個小工具,因為裡面的程式碼綁定了一些重要功能,例如 "小工具的快速編輯圖示";如果把「官方導覽列」刪了,會導致這些圖示消失而無法快速編輯。因此如果不想看到「官方導覽列」,建議隱藏就好。
二、標頭區塊(HEADER)
1. 整個區塊的範圍
<b:widget id='Header1' locked='true' title='WFU BLOG (標頭)' type='Header'>
.
.
</b:widget>
以上為整個區塊程式碼的範圍;title 後面的藍色字串是自己部落格的名稱。
可參考「第一篇」,將 locked 的參數由 "true" 改為 "false",便可將「標頭」區塊拉到別的位置。
實際的應用可參考「將 Blogger "標籤" 小工具放在導覽列實作」,讓「標頭」區塊的位置跑到「網頁」小工具的下方。
2015.3.3 補充:可參考「BLOGGER 標頭區塊判斷標記資料」有更詳細的整理。
2. 網站名稱
<b:includable id='title'>...</b:includable>
在標頭區塊中,以上區間為顯示 "網站名稱" 的程式碼;其中代表網站名稱的字串為 <data:title/>。
3. 網站敘述
<b:includable id='description'>...</b:includable>
在標頭區塊中,以上區間為顯示 "網站敘述" 的程式碼;其中代表網站敘述的字串為 <data:description/>。
三、水平功能導覽列("網頁"小工具)
<b:widget id='PageList1' locked='false' title='網頁' type='PageList'>
.
.
</b:widget>
1. 這個區塊是指官方的「網頁」小工具,以上為整個區塊程式碼的範圍。
「網頁」小工具最好不要移除,否則將來要裝回去可能困難重重。因此,如果不想顯示官方「網頁」小工具的話,可以在後台選擇將其隱藏起來,如下圖:
2. 如何將「網頁」小工具改成下拉選單,是詢問度很高的功能,可參考這篇文章:
四、側邊欄
側邊欄小工具的程式碼結構都差不多,請按以下範例程式碼舉一反三即可。
以上 A~M 為一般小工具的程式碼結構。
A:紅色字串為小工具的標題字串,通常在範本裡搜尋標題字串就能找到目標小工具區塊。
B:如果這個小工具只有一個程式區段,那麼結構就會是 B~L 行這樣,B 行的 id 名稱會是 'main';如果有多個程式區段,那麼就會有多個類似 B~L 行的結構,但是起始的 id 名稱會不同。
C~E:顯示小工具標題的程式碼;如果不想顯示小工具標題,將 D 行註釋起來即可,就像這樣:<!--<h2><data:title/></h2>-->
F~K:這個區間為小工具真正執行的程式碼;如果是「HTML / Javascript」小工具的話,G~I 只會顯示 <data:content>,這個字串代表輸入到「HTML / Javascript」小工具的所有程式碼。
J:這一行代表「快速編輯的小圖示」,不過不一定總是在這個位置。
「側邊欄小工具」必須小心的是,儲存在小工具的內容,似乎沒有辦法備份,萬一不小心刪除了小工具,裡面的資料就再也無法恢復!例如我曾誤刪了「網誌清單」小工具,結果裡面的所有網址連結再也無法恢復,只能憑印象一個個手動增加回去,但結果就是一些好網站的網址還是忘了...
因此填入側邊欄小工具的內容,例如各種網址連結資料、「HTML / Javascript」小工具的程式碼,都得自己另外備份才保險。
五、頁尾版權宣告
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
.
.
</b:includable>
</b:widget>
這個小工具如果刪除的話,倒是沒什麼危險性。刪除的方法及替換方式請直接參考「第一篇」→「三、修改小工具的設定」即可。
接下來,下一篇要介紹的是範本裡最重要的「文章及留言區塊」程式碼。
一、各種註解方式及區塊的修改
二、標頭、導覽列、側邊欄、頁尾區塊的程式碼
三、文章及留言區塊的程式碼
➢➢ 快速選單: 1 2 3
版大 我想問下 我有把導覽列設置移到下面去了
回覆刪除那現在我想把網頁標頭設置在原來導覽列的位置
可是下方的"網頁"會跑上來覆蓋掉標頭的圖片
http://zsbakingdiary.blogspot.com/
麻煩幫我看一下 這要怎麼處理
<6122764599338969826>(以上內容請勿刪除,從括號之後開始留言)
回覆刪除https://lh3.googleusercontent.com/-3ZYRZjny2Mw/U1pFdCTSnAI/AAAAAAAAF1w/GwZXfHqzXrY/w958-h766-no/24.jpg
<1191788370809955437>(以上內容請勿刪除,從括號之後開始留言)
回覆刪除嗯...還是不行耶...
複製過來了!
回覆刪除想問一下,如果想要在網誌標題旁邊加上搜尋的話,該怎麼找呢?(想安裝顯示的位置就是WFU大的「本站Hack及工具」這三個網頁的位置。目前已經知道導航列的位置如何安裝了,倒是不太清楚怎麼可以做到出現在頭部,也嘗試過轉導航列的ID轉換成HEADER1這個ID,可是仍然不成功
你好, 有關隱藏"側邊欄"求助
回覆刪除我用的是標準Blogspot範本, 右側邊欄 id是 'sidebar-right-1',
可以一開首用 style 把它隱藏 #sidebar-right-1 {display:none;}
我希望用 cookie 讀入即時控制 display 是 none / block,
但是用 Javasprict 不能用 sidebar-right-1.style.display=none; 這種語法, 只可以用 getElementById("sidebar-right-1") 這一個.
問題是, sidebar-right-1 是最後寫入網頁, 如果用讀入 cookie 後由 getElementById 處理, "側邊欄 "會出現一段短時間, 之後才會隱藏, 而不能未寫入之前, 已經準備好 display=none 馬上隱藏.
請問有沒有更好的方式處理這個問題呢 ?
言身寸 言身寸 亻尔
<4966199577301220660>(以上內容請勿刪除,從括號之後開始留言)
回覆刪除先謝謝你的回覆,
我希望的情況是由cookie先讀入"隱藏"這個資訊, 馬上設定了 display:none.
那麼便不用等待 sidebar-right-1 在網頁成立後再由 getElementById 讀取處理.
"側邊欄"便不會出現一段短時間才隱藏.
現時我的網誌已經是用 getElementById 方式, 效果還是差了一點點.
http://freetongdiy.blogspot.hk/
<1736132332332666347>(以上內容請勿刪除,從括號之後開始留言)
回覆刪除"js 做得到這件事, 動態把一個 style 標籤含 css 的內容插入 head 之中即可."
可不可以提供一個例子嗎 ?
我用 JS 處理 sidebar-right-1.style.display="none"
可惜系統不受理.
<3222903779595355016>(以上內容請勿刪除,從括號之後開始留言)
回覆刪除試用了 insert style in head 這個方法, 可惜相關 JS 代碼比較複雜, 需要時間執行, 結果跟之前的差不多, sidebar-right-1 還是會閃現一下才隱藏.