自動顯示 / 隱藏 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 導覽列 -->