Menu ngang trên đầu ẩn hiện cho blogspot

DEMO: http://aliensf.blogspot.com/

Vào bố cục, thêm 1 tiện ích HTML, sau đó vứt cái đống code sau đây vào, lưu lại là xong.

<style>
.ShowHide {
     background: none repeat scroll 0 0 #2e2f2e;
     border-bottom: 2px solid #eee;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     border-left: 2px solid #eee;
     border-right: 2px solid #eee;
     box-shadow: 1px 2px 9px #555;
     cursor: pointer;
     display: block;
     padding: 0 7px;height:25px;
     position: absolute;
     right:16px;float:right;
     top: 0px;
     z-index: 999;
}
#banner {
     visibility: hidden;
     display: none;
}
#banner {
     background-color: #333;
     border-bottom: 1px solid #eee;
     box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.3);
     height: 48px;
     left: 0;display:block;
     margin-bottom: 50px;
     padding: 5px 15px;
     position: fixed !important;
     right: 0;
     top: 0;
     z-index: 999;
}
.nav {
     margin:1%;
}
.nav a {
     margin-left: -3px;
     padding: 12px 20px;
     outline: none;
     border: 1px solid #121212;
     border-right: none;
     background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.34) 100%) repeat scroll 0 0 transparent;
     box-shadow: 0 2px 3px rgba(255, 255, 255, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
     color: #777777;
     vertical-align: top;
     text-decoration: none;
     text-shadow: 0 -1px #0F0F0F;
     font-size: 13px;
     line-height: 21px;
     cursor: pointer;
     -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
     -ms-transition: all .6s ease;
     -o-transition: all .6s ease;
     transition: all .6s ease;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
.nav a:hover {
    color:#f6f6f6;
}
.nav a:first-child {
     border-radius: 6px 0 0 6px;
}
.nav a:last-child {
    border-radius: 0 6px 6px 0;
}
.nav a:active {
     box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}
.nav a.highlight {
     background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.44) 100%) repeat scroll 0 0 transparent;
     color: #f6f6f6;
}
.nav a:last-child {
     border-right: 1px solid #121212;
}
</style>

<script type="text/javascript">
  var showHeader=false;
  function ShowHideBanner()
  {showHeader=!showHeader;
  var nav=document.getElementById("banner");
  if (showHeader)
  {banner.style.visibility="visible";
  banner.style.display="block";}
  else
  {banner.style.visibility="hidden";
  banner.style.display="none";}
}
</script>

<div class="fixed-navbar">
<div id="banner">
<script src="http://use.edgefonts.net/open-sans.js"></script>
<div class="nav">
   <a href="#" class="highlight">Home</a>
   <a href="javascript:void(0);">About</a>
   <a href="javascript:void(0);">Tool</a>
   <a href="javascript:void(0);">Html Edit</a>
   <a href="javascript:void(0);">Encode</a>
   <a href="javascript:void(0);">Contact</a>
<a title="Tải lại trang" id="refresh_output" href="javascript:document.location.reload();">↺</a>
</div>
<div class="ShowHide" name="Hide" style="z-index:999;top:58px;height:28px" title="Hide" onclick="ShowHideBanner();">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGH7ROPHbb_A0AGkGjqTxRS_RMWvK9dri8HEZbU2hMHgrp-Wpt9ynnQiQdorTu15Q-G26hV0xQn2BGu3O6BjjGP_-LmHjbgVYMivWSlfwM45wwy1bLOnd9ZoEqjptgTexcLqIN9zg72Ec/s1600/arrow_up.png" width="20px" />
<a style="visibility:hidden;" >
</a></div>
</div>
<div class="ShowHide" name="Show"style="position:fixed;z-index:990" title="Show Menu Bar" onclick="ShowHideBanner();">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSZ6Pj5aSKtovIuTyPbWIKWXtnvhyJakwNOsOD84VOY-GD4T7wEbBG0S1eW35GjyxhTiasT3xuPU1jXCVEnjcVjjwZcBNuI8WpWdUXnrlTk9l84J44JyMtU88XDwHxf-CK7SNTzFnrews/s1600/down.png" width="20px" />
<a style="visibility:hidden;" >
</a></div>
</div>

Thay link và tên menu vào chỗ chữ màu đỏ