2010年6月23日 星期三

如何隱藏邊欄小工具的標題部份


這兩天使用Blogger的朋友是否有注意到,邊欄小工具跟以往有些不一樣,原本標題區可以不用填寫資料,就可直接儲存,而現在無法這樣做,他會顯示"必填欄位不能空白",讓我們一定要給它個標題,這個小工具才能有效儲存,造成一些不便。

2010.7.4更新,
目前Blogger後台已經刪除這個機制,不用給標題也可儲存了。



但是有些小工具為了版面上的需要(如下圖),綸太郎覺得標題根本是多餘的,或是一個Html/java script裡面有很多語法,算是彙整的資訊,也無法下標題。


這時想隱藏這個標題,達到版面的美觀,如何做呢?

我們新增小工具後還是給他下個標題,例如"置頂文章",


只要在Firefox底下瀏覽網頁,然後檢視→頁面原始碼(IE亦可,檢視原始檔),找到 置頂文章關鍵字,可以看到這個元件的名稱,如下圖:


發現這個小工具的id為HTML1,然後類別為<h2 class='title'>
所以我們在後台→修改Html裡面,新增一個定義(放在]]></b:skin>之前即可)

#HTML1 h2.title{
display: none;
}


這部份舊有的widget小工具你只要不修改,不重新儲存,沒有標題還是沒問題的,但是如果有再次儲存,他就會出現錯誤,所以照以上的方式就能隱藏這個標題區了,達到你想要的版面配置,另外目前似乎是針對某些小工具,例如html/java script、圖片、文字等的小工具才有這樣的現象,其他還是可以無標題的儲存,所以有需要的朋友可以試看看。

另外網友小雨提供一個更方便的方式,就是在標題區,打入<及任何英數字元即可,例如
<3 按下儲存,標題區也可隱藏。
這個方式綸太郎再另一篇網誌(Blank title widgets)也看過,標題區打入
<h2></h2> 也是可以的,供大家參考。

9 則留言:

  1. 其實呢...只要切換到全型空白就可以存了

    回覆刪除
  2. 是可以存,但是邊欄標題區依舊還是存在,只是沒有文字而已,會有標題區的背景圖存在,佔一個空間,我的方式是連那一塊也要隱藏。

    回覆刪除
  3. 正在想怎麼 blogger 搞那麼機車,馬上就在綸太郎這裡看到解決,太讚了!!

    回覆刪除
  4. 謝謝,只是剛好遇到這問題,順手就寫下來。

    回覆刪除
  5. 剛才測試發現只要一個小於符號加上任意字元(沒試過全形)也能隱藏小工具標題的說。
    例如:<a
    但是不能用&lt;,得直接打小於符號。

    我只有在自己的測試用blog上用過而已,不知道是不是全部的都能這樣用。

    回覆刪除
  6. 感謝提供,這算是密技了吧,真是厲害。

    回覆刪除
  7. 抱歉~我是電腦白痴~我不了解怎樣才可以看到那個小工具的ID~
    可以再解釋嗎?
    謝謝=)

    回覆刪除
  8. 你會檢視原始碼嗎?如果不會就像6樓的小雨,填上<加上任意字元在標題區也是可以的。

    回覆刪除

設有留言驗證及核准,版主閱覽後,留言才會顯示,發問前請善用網站目錄Google搜尋功能