v 如何隱藏邊欄小工具的標題部份 >> 0 與 1 謎詭世界
★★★請勿任意轉載本站的文章及圖片但歡迎網摘及連結並註明網站名稱與網址,勿全文轉載,彼此尊重,
是網路的基本禮儀。


>
2013 曬書節 - 萬種商品49元起!

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搜尋功能

Related Posts Plugin for WordPress, Blogger...