How to Hide Blogger NavBar

This is a simple technic but please check whether it is against the TOS (Terms of Service).

1) Go to Template > Edit Html

2) Search for the string
#header {
height: 119px;
margin: 0px;
padding: 0px;
background-color: $headerBgColor;
}

3) Paste the following code:

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}

4) Click Save template