[教學]如何在忍者Blog使用Tab效果切換側邊欄

轉載須知：
本部落格的文章不允許未經告知的全篇及部份轉載，若有需要轉載或引用請先留言通知我。（想轉貼到噗浪、facebook、twitter上的人也請留言通知，謝謝。）

※本篇教學所使用的語法和教學原出處為敗家誌的調用jQuery特效實作(Tab控件篇)。

原本的教學主要是給wp的使用者用的，但是因為我不熟php的關係，想要放進去切換的欄位都不能用（像是最新回應之類的），再加上我的wp原本就沒有這麼多側邊欄，其實也不太需要這功能，所以就乾脆拿去我的忍者Blog用了。當然，這篇教學的範例展示也請到我的忍者Blog觀看。

基本上只要使用的網誌能夠修改樣式的html和css欄位就可以使用這個效果，所以同理FC2 Blog應該也能夠使用，有興趣的人可以試試看。

首先請把這篇文章中所提到的Tab控件語法下載下來（在步驟一的地方），解壓縮之後用忍者的檔案上傳功能上傳，並把檔案的網誌紀錄下來。

接著打開忍者Blog的樣式修改小幫手（在「テンプレート設定/編集」裡找到你想修改的樣式，點選「修正」）會出現這樣的畫面：

（點圖可放大）

接下來就跟這篇文章中寫的一樣，把步驟一裡的語法貼到上方「HTML」欄位裡的</head>之前（記得自己修正網址的部份）。然後再把步驟二的語法貼到「CSS」欄位裡，要放哪就看個人習慣囉。

貼完之後記得儲存樣式，然後再回到忍者Blog的管理介面，點選「プラグインの設定」新增一個「フリーエリア」欄位。

接著再將這篇文章中步驟三的語法貼進去，自己修改內容就行囉。（修改方式請自行摸索）目前測試過部落格小樹和Sitetag都可以正常顯示，一般的文字或圖片也沒有問題。

最後，這個效果並不會讓側邊欄的載入速度加快，只是隱藏一些內容讓畫面看起來比較乾淨而已，有點像是選單的開合功能這樣。看完教學之後若有什麼疑問再留言問我吧