2007年5月3日 星期四

隱藏 blogger導覽列(navbar)+進入後台的方法



首先看不順眼的就是這個導覽列,這是用來登入網站及搜尋你的網站裡的資料,還有在網路上瀏覽到你覺得是惡意的網站時,可以通知google處理,做一個標記,另外就是隨機前往下一個網站,但這網站通常是英文的,對我個人來說並不實用,而且放在頁面上覺得很不美觀,所以第一部就是把他拿掉,要怎樣讓他看不見呢?

隱藏NavBar的語法:在<head>和</head>之間放入以下的語法,通常放在body{}這段敘述後即可,
#navbar-iframe {

height: 0px;
visibility: hidden;
display: none;
}

因為將Navbar隱藏了,每次要進blogger的管理介面都要另開網頁,覺得很不方便,於是在範本頁面-新增網頁元素-加入網頁元素-選擇標誌項目後,就可以在網頁你想放的地方加入這個進入後台的介面,按下去就可以到登入blogger的網頁,但是這個圖形靠左無法置中,想說到css版面上去改增加語法,卻發現找不到,原來是要勾選小裝置範本後,才會出現應該修改的語法位置,
<img alt='Powered By Blogger' expr:src='data:fullButton'/>
前後加上<center>和</center>就可以了。


2007.7.26更新
另外也可用新增網頁元素,選擇HTML/JavaScript程式碼,請參考另一篇的作法
換個與眾不同的blogger button

18 則留言:

  1. 對不起,應該是我自己寫錯,是放在<head>和</head>中間,所以放在body{}這段敘述後面即可。放在<body>和</body>是舊版的語法。

    回覆刪除
  2. 不错的方法哦,很好用

    回覆刪除
  3. 謝謝,最近大陸的朋友多了,歡迎常來。

    回覆刪除
  4. 謝謝站長的教學,寫的很詳細幫助很大,還請多指教啦~!!

    回覆刪除
  5. 回報一下,此語法似乎已被封鎖~

    請修正下列錯誤,再重新提交您的範本。
    網頁外觀中的無效變數聲明: 您可以使用變數,但不能定義它。 輸入: bodyfont

    回覆刪除
  6. ……
    使用Blogger 範本設計工具製作出來的blog
    #navbar-iframe {
    height: 0px;
    visibility: hidden;
    display: none;
    }

    這段語法沒法使用……

    回覆刪除
  7. 我的可以啊,現在我的模板就沒有導欄列了。

    回覆刪除
  8. Re:#11 綸太郎
    可是我自己放進去會留下一條白色橫調
    我的測試站網址:http://shiyou-text.blogspot.com/

    回覆刪除
  9. 你直接放在body { 上方看看。

    回覆刪除
  10. Re: #13 綸太郎
    不行,還是一條白色橫條。

    回覆刪除
  11. 在.content-outer {
    這個敘述加上
    margin-top: -18px;
    看看,如果不行我也沒辦法了。

    回覆刪除
  12. Re:#15 綸太郎
    我發現.content-outer有下面這段語法
    margin: $(content.margin) auto;
    把它移除掉後就能成功移除navbar了……

    回覆刪除
  13. 我想問blogger的字體,如何更改字體的語法?
    我套用了一個template,字體是有底線的.
    我想去掉它的底線,改為正常的字體

    麻煩大人指教

    回覆刪除
  14. To,永遠都相信著,底線是underline,找template裡面相關的語法改成none即可

    回覆刪除

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