2011年8月11日

讓Blogger的標籤能樹狀分類__(二)安裝篇

A+

(Pic from: 123rf.com)
一、準備動作

看完「第一篇」後,對於本篇的程式碼會比較容易理解。若不瞭解程式碼想直接套用也是可以,相較於其他版本的樹狀標籤,本篇文章的程式碼是實測過在 IE 下也能正常執行的,請按以下步驟進行即可:

2012.6.8 公告

本文為 "兩層式" 樹狀標籤,現在已經有新版 "多層式" 樹狀標籤,如果有兩層以上的分類需求,請參考「讓Blogger的標籤能"多層"樹狀分類__(一)基本安裝


1. 將 Blogger 所有的標籤改為 "AAA-BBB" 的格式,AAA 代表大分類,BBB 代表真正的標籤名稱,舉例來說,如果某文章的大分類是 "電腦",真正標籤名稱是 "Facebook",那麼就要將文章的標籤名稱改為 "電腦-Facebook"。標籤命名規則想瞭解進一步的說明,請參考第一篇第三節第 1 點:設定大分類。

2. 到 Blogger 後台 → 範本 → 修改 HTML

3. 接著把下面的 Javascript 插入 </head> 的前面:

<script type='text/javascript'>

var Category_Name=new Array("電腦","休閒","理財")

function hide(sec)
{
       var e = document.getElementById(sec);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
}

function swap(me,main,alt)
{
me.innerHTML = (me.innerHTML == main) ? alt : main;
}
</script>

(1) 以上紅色的字串請改為想要的分類名稱(就是標籤格式 "AAA-BBB" 中的 AAA)。

(2) 要填入幾個分類都可以,填入的順序就是在側邊欄由上到下顯示出來的順序

(3) 字串必須放在雙引號內,每個字串用逗號隔開


二、主程式碼

如果在側邊欄有新增「標籤」這個小工具的話,相信在範本內可找到類似以下的原始碼:(沒有的話請先安裝「標籤」小工具)

    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>


接著將以上全部的幾十行程式碼,全部置換為以下內容:


存檔後重新檢視網頁就可以看到效果,就如同本 Blog 右邊的側邊欄一樣。

2012.5.25 提醒

目前 Blog 右邊側邊欄的樹狀標籤為新版本,支援多層次的樹狀標籤,本文為舊版本只支援兩層的樹狀標籤

之後想要使用依照樹狀標籤排列的文章列表,請參考「Blogger 文章列表+快速顯示"讚"統計」;想要讓這樣的文章列表動態顯示,請參考「動態檢視 Blogger 文章列表」。

若想瞭解如何修改細項設定的話,請繼續往下看主程式碼的執行流程。


處理大分類:

A: 由於動用到 "for" 迴圈以及判別式,所以主程式碼必須使用 javascript。

E: 利用 "for" 迴圈,一個個處理 "Category_Name" 裡面所有的大分類字串。請小心 "&lt;" 是 "<" 的跳脫碼,某些字元單獨出現沒有用跳脫碼則範本是無法儲存的。

J: 動用到原始碼的部分需利用 document.write 處理,在這行所有標籤被丟進迴圈依序處理。

L: "<data:label.name/>" 存放原始 "AAA-BBB" 格式的標籤名稱,在此將 "AAA" 分解為 "Category" 變數;"BBB" 分解為 "NewLabel" 變數。

如果標籤不是用 "-" 來分隔的話,「OldLabel.search("-")」這裡雙引號內請換成自選的分隔符號。


收合大分類:

N: 當分解出來的 "AAA" (存放在 "Category" 變數) 等於預設大分類名稱 "Category_Name" 的時後──

R: 印出大分類名稱。其實這一行要做的事很多,還包含了收合大分類的功能。

其中 "隱藏、顯示" 切換功能的函數 "hide",因為大分類之下所有的標籤要同步切換,如果切換的區域錯誤就糟糕了,所以必須將同一個分類的區塊設在同一個 <div> 標籤之內,並且每個分類的 <div> 要取不同的 id,這樣 "hide" 函數才能分辨。

但要手動為不同的 id 取名稱很麻煩,剛好利用 E 行的 "for" 迴圈,將 id 名稱設為 "Category_Name[i]",這樣每個分類都能自動分配自己 <div> 區塊的 id ──就是獨一無二的分類名稱。

另外可以自行修改的部分有幾個地方:

color : 顏色
font-family : 字型
font-weight : 字體形式
"➥","➷" : 收合的圖案
"《","》" : 分類名稱的裝飾

如果收合的圖案要改用圖檔,請參閱文末 2011.10.23 增補

S: 設定執行 hide 函數時,切換收合的 <div> 區域起始點。


顯示真正標籤:

U: 將分解出來的真正標籤 "BBB"(存放在 "NewLabel" 變數),替換掉原本的標籤名稱,附加超連結功能,顯示標籤文章數。另外,這一行的 "➨" 符號也可自行替換。

Z: 讓 loop 迴圈回頭處理下一個標籤。

2012.5.6 增補

看了「A Casual Place」的樹狀標籤效果後,每個大分類之間應該要空一格效果比較好,因此請修改 AA 行的程式碼:

AA: 第二行的
if (Print_Category_Title[i]==1){document.write("</div>")}
在</div>前面增加<p/>即可,如同以下:
if (Print_Category_Title[i]==1){document.write("<p/></div>")}


解決困難:

以上的流程與概念並不困難,很可惜把這些程式碼串在一起後,要解決的問題不少:

1. 執行 hide 函數時,切換收合的 </div> 區域起點、終點:

起始點 <div> 設在 S 行,似乎終點 </div> 應該設在 W 行的位置;但這樣的話處理每個標籤時,由於不斷迴圈的關係,變成重複執行 S 行與 W 行,重複設定 <div> 與 </div>。

因此必須加入一個機制,讓處理同一個分類的所有標籤時,<div> 只執行最初的第一次,</div> 只執行最後一次。

採取的方法是在 C、H 行設 "Print_Category_Title[i]" 變數,利用 P 行檢查此變數是否為 0,可確保是處理到該分類第一個標籤時才印出大分類、執行 hide 函數、設定 <div> 起點,所以 P 行同時解決了多個問題。

接著處理完該分類第一個標籤時,在 X 行命令 "Print_Category_Title[i]" 等於 1,確保處理該分類第二個之後的標籤, 不會執行 R、S 行。

那麼 </div> 區域終點到底應該在哪裡呢? J ~ Z 行是 loop 迴圈的頭尾,處理完該分類所有標籤後才會跳到下一行,因此把設立終點的位置放在 Z 行後面,在 AA 行判斷 "Print_Category_Title[i] = 1" 就可印出 </div>。

這時有個變數,一開始設定分類名稱完,如果先把分類設定好但該分類還沒有新增任何文章時,那麼執行 J~Z 後 "Print_Category_Title[i]" 永遠會等於 0,因為執行到 N 行後就會直接跳 Z 行了。

所以 AA 行的這個判斷式非常非常重要!檢查 "Print_Category_Title[i]" 是否為 1,可以讓尚無文章的分類不會執行 </div>。因為無文章的分類並不會執行 S 行來印出 <div>,這樣可以避免 Blogger 多執行一個 </div> 造成版面錯誤。


2. <div>、</div> 錯亂問題:

Blogger 對於範本的內容檢查得很嚴謹,因此就算解決了第 1 點的難題,還是無法成功地儲存範本(常常 hack 範本內容的話應該不是陌生的一件事),debug 了半天才找出來原來是 <div> 與 </div> 的順序跟數量不對稱。

請看 J~Z 的 loop 迴圈之內,S 行內有 <div> 的起點,而我們知道終點在 AA 行。但由於 AA 行是在 loop 迴圈之外,所以 Blogger 在迴圈內找不到 </div> 終點。

所以不得已在loop 迴圈內 W 行加入很白吃的一個判斷式來騙過 Blogger,捏造了個不會發生的 (i==-1),讓 Blogger 感受到 </div> 的存在...Google 也懂「雙雙對對,萬年富貴」?

不過到此還是不能儲存,因為這樣一來換成 AA 行的 </div> 落單了,在它之前找不到 <div> 的存在。好的,如你所願,一樣在 AA 行捏造了個永遠不會發生的 (i==-1),讓 </div> 成功地找到了另外一半 <div>,而我也終於可以成功地將範本儲存,總算月圓人團圓,皆大歡喜.... -_-


後記:

後來想到,如果將 javascript 裡面的所有 "<>" 符號改用跳脫碼,例如 "<div>" 改成 " &lt;div&gt;",就不會有以上第 2 點的錯亂問題了。只不過這麼一來,所有的標籤都將變成亂碼,以後自己想要修改某部分程式碼的時候,反而會看得十分痛苦,花費更多時間解讀。所以,也許第 2 點的解決方式還是有其必要性吧~

2011.10.14 增補

J.C. 於【留言 #04】詢問樹狀分類能否有全部開合的效果,已將此效果需要的程式碼整理於「讓Blogger的標籤能樹狀分類__(三)全部開合


2011.10.23 增補

J.C. 於【留言 #05】詢問開合圖案能否改為圖檔,如此必須做以下更改:

1. R 行 </span> 之前的 "➷" 圖案,要置換為 <img id='"+ Category_Name[i] +"_image' src='圖片網址1'/>

2. R 行 「swap(this,\"➥\",\"➷\") 」改為「swap(\""+ Category_Name[i] +"_image\")」

3. </head> 之前的 swap 函數內容全部置換為以下:

function swap(sec){
var e = document.getElementById(sec);
e.src = (e.src == '圖片網址1') ? '圖片網址2' : '圖片網址1';
}


由於 swap 函數在 WFU BLOG 有多處共用此函數,建議將 2011.10.23 增補這個 hack 的 swap 函數名稱改為其他名稱,以避免 swap 函數在別處失效。另外,程式碼的語法都是套用舊有的形式,請參照本文內容應該就可以瞭解。


同「讓Blogger的標籤能樹狀分類(一)
讓Blogger的標籤能樹狀分類」系列標題:
一、原理篇
二、安裝篇
三、全部開合
四、記憶開合狀態

➢➢ 快速選單:

39 則留言:

  1. 你好,謝謝你的分享,我已為我的blogger加上分類功能。
    但有少少問題想問,因為我分類較多,而預設是全部展開,請問如何預設全部分類hide起來呢?
    謝!

    回覆刪除
  2. Re: Ivan Choi <9103807458362129335>

    hi, Ivan. 剛好我在另一篇文章「「全文列表(TOC)+讀者反應」系統(二)」的文末提到你詢問的這一點,試試看「將 S 行的 "display: block" 改成 "display: none",並將 R 行的兩種圖案 "➥","➷" 全部對調。」,應該就可以了。

    回覆刪除
  3. 您好,感謝分享。已順利安裝。以下幾個問題請教:
    1. 目前設定點擊展開/收合圖案才能執行該動作,可否設定成點擊大分類標籤(AAA)也可以展開/收合?
    2.如何隱藏真正的標籤名稱(BBB)後方的文章數量?
    以上。
    謝謝。

    回覆刪除
  4. Re: J.C. <6879044956164556830>

    1. 可以啊,點擊收合的區域就是 span 標籤內包覆的內容,所以只要將 R 行的 "</span>" 移到 "</div>" 前面,就能將大分類標籤給包覆起來了。

    2. U 行的 "(<data:label.count/>)" 就是顯示文章數量的程式碼,把這個內容刪除,就不會出現文章數量了。

    回覆刪除
  5. 您好,感謝回覆。關於展開/收合區域,在修改span標籤包覆內容後,還必須把大分類標籤包進swap內,這樣展開/收合才算完整。

    另外,有2個問題請教:
    1. 選擇"display: none",展開AAA點擊BBB進入內頁後,可否保留原先展開模式?
    2. 設定為英文標籤,展開後BBB標籤字母均顯示為大寫,不知如何更改?
    以上。
    謝謝。

    回覆刪除
  6. Re: J.C. <2037947399774275789>

    是的,上一則回覆只注意到收合的函數,忘了 swap 函數也要更改,還好您找到解決方式了。

    1. 如果要在不同的頁面有不同的效果,那得加入判斷式才行。請參考「Blogger自訂讀者反應、「讚」、「+1」按鈕(二)」→「三、安裝程式碼」→「選擇出現的頁面、條件:」,根據你的需求,document.write之內要插入的判斷式為 <b:if cond='data:blog.pageType == "item"'>

    所以,整個結構大致是:

    判斷式
    R 行內容(展開 or 收合)
    <b:else/>
    R 行內容(展開 or 收合)
    </b:if>

    把以上內容塞入 R 行,需要調整的地方請再自行檢查一下了。

    2. 這一點就不太能瞭解原因了,如果程式碼中沒有命令字串轉換為大寫字母的話,基本上應該不會出現這種事才對。可以看到我的標籤「Blogger Hack」,展開收合之後也不會變成大寫字母。也許要請你 debug 一下自己的範本了,是否某處有 "toUpperCase" 這樣的函數把字串轉換了,還是這是你採用的模組、範本的設定?

    回覆刪除
  7. 您好,再次感謝回覆。首先要抱歉沒有把問題表達清楚。您回覆的判斷式,結果是樹狀標籤在特定頁面全部展開或全部收合。

    我預設樹狀標籤在所有頁面均為收合,希望展開部分標籤進入內文後,樹狀標籤還能維持剛剛部分展開的狀態,像 愣大 的一樣。

    另外,再請教您的版本也可以有 愣大 那個open all | close all的效果嗎?

    以上。
    謝謝。

    回覆刪除
  8. Re: J.C. <1195825045386101212>

    1. 我去楞大的網站看了,終於瞭解你的意思了,呵呵,沒有實際看效果光用文字真的不容易明白 ^ ^ 所以你要的效果是能夠 "記憶" 展開或收合的狀態,無論頁面如何切換。但是在 Blogger 的系統下,重新整理頁面後是無法儲存之前狀態的,Blogger 不讓使用者有儲存檔案的權利,想來想去只有利用 cookie 才辦得到。

    所以去翻了 dtree 原始檔,果然裡面有 cookie 的相關敘述。只是為了這項功能,需要增加很多 cookie 相關的程式碼來記憶相關的狀態。不好意思由於這項功能對我的 Blog 而言目前沒有急迫性以及太大的效益,且增加的工程感覺上不小,所以要請自行研究怎麼加入 cookie 的敘述了。

    引述:
     「請教您的版本也可以有 愣大 那個open all | close all的效果嗎?


    2. 這個功能不錯啊~可能目前我的分類不夠多,所以還沒想到要加入這個功能,等分類一多時,這個功能就很實用了。

    只是這個功能的寫法會影響到 swap 函數,全部收合後 swap 會錯亂,所以 swap 相關的地方必須重寫,但我又很喜歡 swap 的圖案,真是兩難...我會找時間想想這個問題的~~

    回覆刪除
  9. To WFU,

    天氣不好,在家學coding。

    R行中的"➥","➷"收合圖案,如要更改為<img src='圖案網址'/>,會出現錯誤訊息如下:

    XML error message: The value of attribute "onclick" associated with an element type "null" must not contain the '<' character.

    請問這可以修改嗎?謝謝。

    周末愉快!

    (ps: 此留言板不允許img的tag)

    回覆刪除
  10. Re: J.C. <3751453133693692175>

    學學語法不錯啊,Blogger 想改什麼功能就可以自己來了~

    呵呵,要改用圖案的話,程式碼要改的地方可多了──

    第一:改圖案的 hide、swap 函數是包含在 span 標籤的屬性裡面,把標籤內容又丟到標籤屬性的敘述裡面,程式當然無法處理了;img 標籤無法丟到 swap 函數的參數裡面,那裡只能放字串。

    第二:swap 函數重寫,函數內容再放你的圖案就可以了,留言板不好回,找時間再回在本文。

    另外,留言板要顯示標籤,例如 < > 這些符號,要用跳脫字元,例如 "&lt;" 代表 "<"; "&gt;" 代表 ">"

    回覆刪除
  11. 回覆 J.C.【留言#05】的意見

    開合圖案改用圖片網址的修改方式,請見本文文末 ******** 2011.10.23 增補 ********

    回覆刪除
  12. 感謝分享。

    順利完成開合圖案改用圖片。但是在執行"全展開""全收起"後,開合圖片無法變更。不知道哪裡出了錯?

    回覆刪除
  13. 回覆 J.C.【留言#07】的意見
    說清楚一點,開啟網頁先點擊樹狀標籤,開合圖片可順利變換。但如在點擊"全展開"或"全收合"後,再去點擊樹狀標籤,開合圖片就不會變換了。請WFU賜教。謝謝。

    回覆刪除
  14. Re: J.C. <1171954294838895631>

    我瞭解你的意思,可是 "從圖案改成圖檔網址" 的這幾行程式碼,是針對本文內容你提到的部分而改的,並沒有針對全開合的部分。

    不過有這幾行的概念,如果要改全開合的程式碼,應該也可以據此套用。你可以先改改看,有問題再提出,最好手邊有個參考書可以查語法比較方便。

    回覆刪除
  15. 你好 謝謝你的分享
    我對HTML一竅不通
    可是我照著步驟做 為什麼無法成功呢?
    會有什麼例外的原因嗎?
    謝謝!

    回覆刪除
  16. <9141023539833484355>(以上內容請勿刪除)
    請多描述一點你失敗的狀況,否則很難猜是哪一個步驟出現問題;還有如果留下你的網址,或許可以從你的原始檔看看問題出在哪。

    回覆刪除
  17. <3834668524247572091>(以上內容請勿刪除)

    失敗的情況就是更改完後,
    標籤下面內容是空白的
    不會出現更改後的東西

    而我的網址是 http://bomyuimicky.blogspot.com/
    不曉得你要的是不是這個

    謝謝你!!!

    回覆刪除
  18. <5154323839272950806>(以上內容請勿刪除)我猜會不會是你的標籤還沒改成 AAA-BBB 的格式?你的標籤看起來還是原本的格式。如果你已經改成 AAA-BBB 格式還不行的話,再讓我看看。

    回覆刪除
  19. <5198846444348858396>(以上內容請勿刪除)
    你好! 我成功安裝了!!
    謝謝你的幫忙!!

    回覆刪除
  20. <7918712600335813595>(以上內容請勿刪除)不客氣~~你的網站有些點子真的設計的不錯,我把你的點子收錄在這兩篇文章了:「Blogger 小技巧」、「Blogger 側邊欄相關工具及技巧

    回覆刪除
  21. 大大你好,我最近從xuite搬到blogger,有許多語法都得重新再學過
    我使用這個狀分類,但問題就像留言10的朴米唯一樣,把這個語法安裝上後,標籤就變成空白一片,我也想過你說的「標籤還沒改成 AAA-BBB 的格式?」但一直沒想通這句是什麼意思

    另外,我在分類上是("禮氏傳奇","孤兒院傳奇","圖聊","盪漏")這四個,但在語法卻變成了("禮氏傳奇","孤兒院傳奇","圖聊","盪漏")也就是"雙號都變成"字串

    回覆刪除
  22. 我的blogger是http://leoyomi.blogspot.tw/
    謝謝你的幫忙

    回覆刪除
  23. <7917193710669191042>(以上內容請勿刪除,以下引言請自行刪減) [quote]「標籤還沒改成 AAA-BBB 的格式?」但一直沒想通這句是什麼意思[/quote]
    請看本文「一、準備動作」所有劃底線的部分,我看了你文章的標籤,仍是原本的格式。舉例:把「[禮氏傳奇]3-16賢內助女王(完)」這篇文章的標籤改成 "禮氏傳奇-3代ClayCaden♥Sharon",這樣就是 "AAA-BBB" 的格式了。想要樹狀分類的文章都要如此改喔!
    [quote]"雙號都變成"字串[/quote]
    你的意思是 " 變成 &quot; 吧,呵呵~不少人都有這個疑惑,前一兩天就有個例子,請看這篇文章「留言 #07」我的回答。

    回覆刪除
  24. <3343431925088483583>(以上內容請勿刪除,從括號之後開始留言)
    wow...你的部落格勾起我的回憶了~~當初也曾瘋模擬市民一陣子,到處狂下載家具,有的設施國外網站還要付錢才給下載說!而最令我佩服的就是你們的同人作品了,做工都好精緻,以前看到有人做出Lady GaGa 的「paparazzi」MV,真的讓我太震撼了~~不過我沒什麼美術天分,所以模擬市民終究做不出什麼像樣的成品來,倒是欣賞別人的作品有樂趣多了 ^^

    回覆刪除
  25. 大大您好~
    我想請問關於您的「文章分類」那邊的樹狀
    是如何做出來的?
    可有教學可看~
    謝謝。

    回覆刪除
  26. <3693895359364820757>(以上內容請勿刪除,從括號之後開始留言)
    你是指「多層樹狀分類」嗎?本文開頭的紅色公告區塊就有文章連結了喔。

    回覆刪除
  27. 是的。
    剛剛也試著做做看~
    不過發現沒有圖片解釋
    真的看不懂大大的解說>"<

    回覆刪除
  28. <6527685489529354674>(以上內容請勿刪除,從括號之後開始留言)你可以到多層樹狀標籤的第一篇,參考其他人的留言提問方式,否則依照你的敘述方式,我很難幫上忙喔。

    回覆刪除
  29. 剛剛笨笨地問了一個已經找到答案的問題,所以就回來把原本留言刪了Orz 留言太多有時候還真的不太好爬,再次謝謝你的程式碼!:D

    回覆刪除
  30. <8124009393621927703>(以上內容請勿刪除,從括號之後開始留言)解決了就好,不過記得用最新的版本,因為這篇文章是舊版的喔!

    回覆刪除
  31. 您好,我到像在還不知道第二層的名稱跟第三層的名稱要打在語法的哪裡才能顯示出來?
    例如此偏
    http://t00775.blogspot.tw/2013/08/blog-post_17.html
    ET與鸚鵡, ~繁殖記事, 塞內加爾
    (大標題) (第二層) (第三層)

    ......目前連文章分類都出不來QQ
    跪求您的解答

    非常感謝您

    回覆刪除
  32. <5487168771389749632>(以上內容請勿刪除,從括號之後開始留言)看來你應該解決了^^

    回覆刪除
  33. 您好﹐ 我剛從無名轉到blogger, 看到你的詳細說明整個拜服﹗非常感謝您無私的分享﹐ 幫助了一大票人﹗老實說我還沒動手改code, 但是把整篇和留言都看了﹐ 但是也許有漏掉﹐ 我沒有發現別人跟我有一樣的問題﹔我的標籤自動從無名被轉到blogger﹐ 變成了 AAA::BBB這種format, 而不是你要的 AAA-BBB, 如果我不能直接改標籤格式, 那我就必須一篇一篇文章重新設標籤﹐大大﹐ 我有300多篇 :( 我是不是一定要這樣做呢﹖ 還是我可以到source改掉已經產生的標籤﹐ 把 :: 改成 - ﹖
    另外還有個疑問如果我的文章 有標籤AAA-BBB 還有標籤 CCC-DDD﹐ 那在樹枝展開時﹐ 可以出現在兩處嗎﹖例如有篇文章寫怎麼做pizza﹐ 但是也介紹好用的工具﹐ 那這篇文章有 烘培-披薩 還有 廚房-好用小物﹐ 這樣會在樹枝上怎麼呈現呢﹖
    再度感謝您。

    回覆刪除
  34. <5867934004145828678>(以上內容請勿刪除,從括號之後開始留言)不客氣~我發現你留言在這個最舊的版本,這只能夠使用兩層標籤喔!為了將來的擴充性著想,可以考慮是否用最新的版本。

    1. 你如果確定要用這個版本,請參考 L 行的說明,把 "-" 分隔符號換成你目前的 "::" 就行了。

    2. 你的文章設定了 n 個樹狀標籤,就會在 n 個地方顯示啊~我大部分文章都是這個樣子,你可以在本站玩玩看就知道了。

    雖然你可以使用 "::" 當分隔符號,但實際上視覺效果很差,我建議你還是改成 "-" 當分隔符號較好,雖然有 300 多篇文章要改,但 blogger 後台可以批次改標籤,不會花太多時間的。你可以 google "blogger 批次 改標籤",有很多文章可以參考的。

    回覆刪除
  35. 作者已經移除這則留言。

    回覆刪除
  36. 您好 我在 準備動作第3點就卡關了 側邊的標籤有開啟 文章標籤也先改成 理財-艾克
    但不知道把那一堆所謂的Javascript插入在/head前面 到底是在哪裡 不明白插入的位子

    回覆刪除
  37. <1059509051500005085>(以上內容請勿刪除,從括號之後開始留言)這篇是舊版程式碼,請見開頭的公告,安裝新版的程式碼。同時可參考新版文章的最後面,有問題的話直接參考「常見FAQ」來排除錯誤。

    回覆刪除
  38. 你好,看到你說「將 Blogger 所有的標籤改為 "AAA-BBB" 的格式,AAA 代表大分類,BBB 代表真正的標籤名稱」,但由於我文章篇數不多,只打算在【旅遊.郊遊】下弄一層分類以顯示不同的旅遊國家,其他如【看電影】不打算再分類,那我要怎麼弄?謝謝!

    回覆刪除
  39. <4028867808607853407>(以上內容請勿刪除,從括號之後開始留言)你好,【看電影】不打算再分類的話,就不算數狀標籤,而這個程式只能處理樹狀標籤,所以【看電影】這個標籤就不會顯示了。

    其實文章數不多的情況下,應該還用不到樹狀標籤。可以等你文章數多了,再來用樹狀標籤進行管理。BTW,這是舊版的程式,以後請安裝更新版 http://www.wfublog.com/2013/01/multi-tree-label-update.html

    回覆刪除

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
提問請附網址、詳細描述狀況,如提供的資訊不足,則無法回覆。
◎ 請在相關文章留言,與文章無關的主題請至「Blogger 中文論壇」。
◎ 若詢問 CSS 、非官方範本問題、或貴站為商業網站 ,請參考「本站諮詢頁面」→「1. 諮詢服務」
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 若發現留言不見了,通常是因為 "複製貼上" 的內容常被系統判定為垃圾留言,請不用擔心,我會定期將留言恢復。
◎ 本站「已關閉自刪留言功能」。