讓完全不懂HTML的你也能擁有多層樹狀標籤(2014-12-12)


小瑰最近發現,原來之前阿童教小瑰建立標籤的方式完全是錯的,而小瑰只埋頭苦寫文章,完全沒有注意,等發現時...文章已經2百多篇了,也還不算太晚,趕快來修改部落格,弄個樹狀標籤才是王道!




但是小瑰完全不懂程式語言,也不知道能不能成功,只能拜辜狗大神試試看囉!

其實小瑰已經研究兩三天了,試過其他方式所呈現的效果小瑰不滿意,只好硬著頭皮來改HTML囉!

首先,請先爬文~小瑰是參考這兩位神人的部落格。
WFU大大的Bolgger文章分類_「多層樹狀標籤」更新版 與水域大大的「bolgger」標籤多層樹狀清單設定

大致了解結構之後,終於在今天,小瑰鼓起勇氣面對HTML了,當然,途中還是有想放棄的時候,可是相信小瑰,真的忍一下就是你的了,加油餒!

因為會關係到HTML的程式的位置,所以請先決定標籤要在版面的哪個位置,請在版面配置中設定好嘿!不然你就得跟小瑰一樣做3遍囉!

再來,設定文章的『標籤』:大分類-中分類-小分類,中間請用半形符號『-』隔開,例如童好吃-異國料理-越南。

接著就是大工程了~

小瑰前段先參考水域大大的「bolgger」標籤多層樹狀清單設定,照著步驟一步一步對照並修改HTML程式碼。

後段再參考WFU大大的Bolgger文章分類_「多層樹狀標籤」更新版對照並修改HTML程式碼。

如果你跟小瑰一樣沒底子,記得要有耐心,一個符號一個符號確認再確認,一定能夠完成的。

之後請複製貼上至WORD存檔備用,這點非常重要,因為萬一你像小瑰一樣先測試,再正式修改,結果忘記改標籤位子又得重來一次,這個檔案根本就是你的救命仙丹。

修改完成第一次儲存不成功,第二次小瑰先將Label1找出來,先將WFU大大說的步驟4的十幾行程式碼找出來後刪除,再將Label1前段刪除。




刪乾淨之後,將剛剛完整的一整組貼上後就完成囉!小瑰試了2、3次都沒問題喔!


耐心很重要的,完全不懂HTML的小瑰都能成功,相信大家都可以!

接下來小瑰就要認真的修改文章標籤囉(還有120個餒…)Bye~Bye~

留言