Tự động ẩn hiện thanh Navbar của Blogger

Ngày Thứ Tư, 21 tháng 3, 2012 Blog của Báo Mới Hà Nội chia sẻ với bạn đọc bài viết Tự động ẩn hiện thanh Navbar của Blogger
Chúc bạn xem tin tức vui vẻ !!

Đối với những quản trị viên đang sử dụng blogspot, thanh navbar xuất hiện ở đầu blog gây mất thẩm mỹ cho blog. Chính vì vậy hôm nay, mình muốn chia sẽ cùng các bạn tiện ích rất hay đó là sử dụng thẻ <span>....</span> để ẩn hiện thanh navbar.

Để làm được điều này, trước tiên bạn cần đặt đoạn code dưới đây vào trước thẻ </head>

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

<style type="text/css">
#navbar-iframe {visibility: hidden; display: none;}
</style>

Tiếp theo bạn đặt đoạn code dưới đây vào vị trí cần hiển thị nút Ẩn/Hiện Navbar, có thể đặt trong một tiện ích HTML/JavaScript hoặc ở thanh Menu trên cùng của Blog.

<span style="cursor:pointer;" onclick="ShowHideNav();">Ẩn / Hiện Navbar<a style="visibility:hidden;"></a></span>

Chú ý: Bạn có thể thay dòng Ẩn / Hiện Navbar bằng một liên kết hình ảnh <img src="URL_hình ảnh"/>.