Wednesday, March 21, 2012
Tự động ẩn hiện thanh Navbar của Blogger
Đố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.
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.
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"/>.
Tags:
Thủ Thuật Blog
Để 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>
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"/>.
Comments[ 0 ]
Post a Comment