v 隱藏 blogger導覽列(navbar)+進入後台的方法 >> 0 與 1 謎詭世界
★★★請勿任意轉載本站的文章及圖片但歡迎網摘及連結並註明網站名稱與網址,勿全文轉載,彼此尊重,
是網路的基本禮儀。


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

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

19 則留言 :

  1. 請教站長
    我照您的方法做
    但是導覽列一樣還在耶??

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

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

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

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

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

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

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

    這段語法沒法使用……

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

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

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

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

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

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

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

    麻煩大人指教

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

    回覆刪除

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

Related Posts Plugin for WordPress, Blogger...