Google Navigation Bar Button : Definition

Is your google blog navigation bar (you can see it on top of your blog) bothering you?

I have corded the program and style, so please use it.

After you put the cords and style, you can see the Blog icon top right of the web browser.
It's the bottom that user can make Google navigation bar appear or disappear.

If you have any difficulties using the cord please see these links,

• Google Blog Help : Definition
• Google Blog Help : Style
• Google Blog Help : Cords

-from C.O.

Google Navigation Bar Button : Style

#opNavBar{
background:url("http://img1.blogblog.com/img/navbar/icons_orange.png") -26px center no-repeat;
position:fixed;
top:5px;
right:5px;
height:20px;
width:20px;
cursor:pointer;
}

#navbar-iframe{
display:none;
}


Google Navigation Bar Button : Cord

<div id="opNavBar"></div>
<script type="text/javascript">
$(document).ready(function (){
/*Google Blog Bar Created By Chihiro Okamoto : www.c-okamoto.blogspot.com*/
var $opNavBar=$('#opNavBar'),
$navBarIframe=$('#navbar-iframe');
$opNavBar.toggle(
function () {
$navBarIframe.fadeIn(1000);
return false;
},
function () {
$navBarIframe.fadeOut(1000);
return false;
});
});
</script>


-from C.O.