Remove Navigation Bar and Attribution in Blogger

Wanna remove the Navigation Bar and Attribution Gadget in your blog? Nothing really great will happen if you do it...
It will just make your blog not obvious that it is powered by blogger. ツ

Applying this trick makes me comfortable to view my blogs.

If you don't know yet what is Navigation Bar and Attribution Gadget that I'm talking about, here's the image:


Navigation Bar (Ctrl+Click the Image to enlarge)


Attribution Bar (Ctrl+Click the Image to enlarge)

So here's the simple process in doing the trick:
1st. go to Dashboard > Design > Template Designer
2nd. click Advanced
3rd. Choose Add CSS from the drop-down menu
4th. Copy the code below and paste it in the CSS area.

.header-inner .Header .titlewrapper {
padding: 8px 28px 0;
}

.header-inner .Header .descriptionwrapper {
display: none;
padding: 0 30px;
}

#navbar, .quickedit {
display:none;
}

#Attribution1 {display: none;}
#related-posts {
float : left;
width : 400px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitttr4yGxOl81wrm9YHaLudkKQSukYncTaDdyu-10z6OPctbGxgLVTa_NxIvICwlMF2u_Pszj6Q03X5vuTo0P7e56Z57g3mT-yAIHIJ9dT9fs-P8pYsOMkB7uazGT5oi8fyj-gfL73S_Y/s400/listarrow.png") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

5th. Click Apply Blog at the upper right.

and that's it! the Navigation Bar and Attribution Gadget is now removed from your blog. ツ

Blog Archive