How To Add Show/Hide NavBar Link to Blogger - TRICK BAZAR

If you want to let your visitors to show and hide your blogger navbar,then foolow the easy steps below.

blogger navbar

1.Log in to your dashboard--> layout- ->Page Elements

2.Click on 'Add a Gadget'.

3.Select 'HTML/Javascript' and add the code given below and click save.

Select HTML/JavaScript

<script type="text/javascript">
var showHeader=false;
function ShowHideNav()
var nav=document.getElementById("navbar-iframe");
if (showHeader)
<style type="text/css">
#navbar-iframe {
visibility: hidden;
display: none;

<span style="cursor:pointer; font-weight:normal; " onclick="ShowHideNav();">
Show/Hide Blogger NavBar
<a style="visibility:hidden;" href="#"></a>

You are done.Look at the demo.


Post a Comment