首頁 [教學]如何在忍者Blog使用Tab效果切換側邊欄
« 首頁 »
2010 年 07 月 11 日 留言:3

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

Plurk
分享文章

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

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

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

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

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

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

(點圖可放大)

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

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

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

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

留言

( 3 )
  1. 甘茶 2010 年 11 月 15 日 23:46

    請問,在忍者Blog網誌裡面中間有個正方形框框的廣告,那個要怎麼隱藏呢?
    我看一些人有一些人沒有...
    然後我自己找時也只發現如我新增網誌( http://kansaru.dou-jin.com/ )裡面 ---與-0.0-中間的Html語法是

    我就不知道如何把他隱藏了

    感謝解答...

  2. 甘茶 2010 年 11 月 15 日 23:47

    張貼迴響後發現語法被隱蔽了
    是這個" <!--entry-->

    • Hinishi (管理員) 2010 年 11 月 16 日 21:44

      我沒有印象忍者的部落格跟fc2一樣,一個月沒發文就會出現廣告,
      但也有可能現在有這個規定,只是大家沒發現。
      因為我一直都有在發文,所以從來沒出現廣告過,
      你可以參考看看。

發表迴響