網頁

自動顯示 / 隱藏 Blogger 導覽列

[ 前言 ]
有使用 Google Blogger 的人都知道 Blogger 最上方有個導覽列,但是大多數人看到那個導覽列應該都覺得不美觀、很礙眼,不然就是感覺與版型有點不搭,那麼我們能不能把它移除掉呢? 答案是可以的,Google Blogger 最大優點就是不限制一堆有的沒的,很自由,但是移除掉之後要進入管理頁面就有點麻煩,所以把Blogger導覽列用自動顯示/隱藏的方式來處理是一個蠻不錯的方式。

[ 顯示 / 隱藏 Blogger 導覽列的方法 ]
在管理頁面 -> 版面配置 -> 修改 HTML,搜尋</head>,並且在</head>上方插入下列程式碼。

<!-- jquery -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<!-- end jquery -->

<!-- 自動顯示/隱藏 blogger 導覽列 -->
<script type='text/javascript'>
$(document).ready(function() {
  $(&quot;#navbar-iframe&quot;).css(&quot;opacity&quot;,&quot;0.0&quot;).hover(
    function () {
      $(this).animate({
        opacity: 1.0
      });
    },
    function () {
      $(this).animate({
        opacity: 0.0
      });
    }
   );
});
</script>
<!-- end 自動顯示/隱藏 blogger 導覽列 -->

3 則留言:

  1. 感謝教學,這語法很成功地自動 隱藏/顯示 導覽列了。

    回覆刪除
  2. 謝謝你的分享,讓我的blogger更自由了!感激不盡!!

    回覆刪除
  3. 感謝教學 ! 我試一次就成功了 !

    回覆刪除

1. 文章如有錯誤,歡迎指正。
2. 請勿打廣告,違者一律刪。
3. 歡迎您提供寶貴的意見。