[BLOG懶人工具包] Blogger標籤改多層樹狀圖-實戰教學

部落格要自訂版型＋客製化，

相信大家都會遇到相同問題～

標籤怎麼改「層樹狀圖」？還有字型、顏色...霧煞煞！

1.四步驟Blogger標籤改多層樹狀圖(如圖示)

難度：✭✭✭✭

耗時：60分鐘搞定

爬了很多很多文章，其中以下方這兩篇最清楚。

• 「如何把Blogger標籤改成多層樹狀標籤」
• 「[教學]Blogger文章分類﹍多層樹狀標籤(更新版) 

總之跟著做就沒問題了。

修改任何程式語法請記得要在「純文字」環境下。

✭微軟：開啟「剪貼簿」

✭MAC：開啟「文字編輯」
   應用程式▶文字編輯▶整個icon拖拉到桌面下方DOCK
  因為接下來會常用到囉！

步驟一.新增文章「標籤」

• 建議做2層分類：文章輸入「大分類名稱-小分類名稱」
  ✭忌使用全形符號，會造成判讀問題「剪貼簿」
  

步驟二.SideBar ▶新增小工具▶標籤

• 我的網誌▶頁面配置▶SideBar ▶新增小工具▶標籤

步驟三.只安裝(替換)主程式碼▶(可參考教學程式碼做替換修改)全部開合步驟可以省略！

• Ctrl+F(ios版command+F)▶搜尋第一行字，就很好找了
• ▶將原標籤Lable1程式 ▶ 替換 ▶多層-樹狀圖程式碼 
• 修改大標題▶完成

程式碼內有不少作者的網址...ccc也算置入行銷吧！
這部分如果有動到程式碼，樹狀圖會跑不出來...>@<

步驟四.修改參數▶(除了原本提供的修改外)
                                     

• 修改文字顏色：超直覺網站，快速取得顏色代碼：

2.修改Blogger字體～套版字體想要改成中文字體

難度：✭✭

步驟.Blogger後台▶選擇範本▶編輯HTML▶Ctrl+F(搜尋px)
可以到字體修改的程式碼

1. value="normal normal 15px Arial, Tahoma, Helvetica, FreeSans, Microsoft JhengHei, Heiti TC, TW-Kai, sans-serif"/>

在value就是字體設定的地方～ sans-serif前面加入你要的字體。

px前方數字表字體大小。

default就是設備字體免修改。

紅字皆可替換成下方想要的字體。

各作業系統黑體(紅色字體替換)

• Windows字體：微軟正黑體 : Microsoft JhengHei

• Mac OS字體：黑體-繁 : Heiti TC        儷黑 Pro : LiHei Pro

• Linux字體：文泉驛正黑：WenQuanYi Zen Hei

下方修改方式如上，但請斟酌囉，因為會耗掉你很多時間...

header.font
description.font
tabs.font
date.font
post.title.font
widget.title.font
widget.font