Remove blogger upper border

If you are a blogspot blogger then you might have noticed the border at the upper side at your blog.I have been looking for the code to remove it.I have found it and want to share with others.
To remove the border :
1.Log in to blogger.Go to dashboard-->Layout-->Edit HTML.
2.Find(Ctrl+F) "#header-wrapper" in the code.
3.Change "border:1px" into"border:0px " under this section.
This will look like:
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:0px solid $bordercolor;
}
4.Now find(Ctrl+F) "#header".Change the followings under this section.Change "border:1px" into"border:0px ".This will look like:
#header {
margin: 5px;
border:0px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
5.Add the following code right after above code.
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
6.Save template.