2013年9月2日 星期一

Blogger文章分類必備 -多層樹狀標籤

當部落格的文章越來越多的時候,文章分類就是一門頭痛的課題
(雖然這只是我部落格的第二篇文章而已XD)
但總是要防範於未然呀~ 為了方便自己以及讀者觀看自己喜歡的分類~
那要如何分的好又分的巧呢??剛接觸Blogger於是便在網路搜尋相關文章
拜谷哥大神所賜找到一篇 Blogger文章分類-多層樹狀標籤
按照步驟一步一步的操作順便做個筆記~



step 1.因為是新的Blogger所以要到後台  → 版面配置  → 新增小工具  → 安裝標籤小工具
          並且輸入標題


step 2.接著到後台 →範本 → 編輯HTML搜尋"Label1" 這個字串就能找到這個小工具的區塊
         可以找到<b:widget id='Label1' locked='false' title='文章分類' type='Label'>
          注意:title='文章分類' 是我在安裝標籤小工具時所輸入的標題。


step 3. 安裝「全部開合」功能:往下幾行就能找到字串 <h2><data:title/></h2>
     接著新增以下紅字部分的字串到標籤中
 
<h2><div id="treeLabel_toggle"><a href="http://wayne-fu.blogspot.com/2013/01/multi-tree-label-update.html" rel="nofollow" target="_blank"><img src="http://2.bp.blogspot.com/-nn8uU4LhVtM/T8cdzYQnUZI/AAAAAAAACos/JcGy8V05y84/s1600/info.png"/></a></div><data:title/></h2>


step 4. 安裝主程式碼,從step 3.往下找應該可以看到如下幾行程式碼

***將以上程式碼全部替換成下面程式碼***


完成了分類測試一下~奇怪怎麼沒有出現分類??

如果你有參照原文章的話,要注意標籤分類命名規則:
須先將部落格所有文章的標籤改為「AAA-BBB-CCC-DDD」的標籤格式
如果我的分類並未分這麼多階層,只需改為AAA-BBB」即可,例圖:


儲存後,文章分類就出現了^^

打完收工~以上感謝原作者Wayne FU提供的完整作法
本文是照著原文操作並做下紀錄。原出處


1 則留言: