{"id":3237,"date":"2011-10-04T11:05:00","date_gmt":"2011-10-04T11:05:00","guid":{"rendered":"https:\/\/wiki.melberi.com\/uncategorized\/how-to-remove-blogger-navbar-using-css-hide-blogger-top-admin-menu-in-the-latest-template"},"modified":"2017-10-24T09:16:47","modified_gmt":"2017-10-24T09:16:47","slug":"remove-blogger-navbar-css","status":"publish","type":"post","link":"https:\/\/www.melberi.com\/wiki\/blogger\/remove-blogger-navbar-css","title":{"rendered":"How to Remove blogger navbar using CSS"},"content":{"rendered":"<p>How to Remove blogger Navbar\u00a0 | Disable or Hide blogger navigation, Next Blog bar using CSS<\/p>\n<p><b>To remove navbar from blogger Bloodsport can use the following three simple steps<\/b><\/p>\n<h3><b><u>Procedure 1:\u00a0<\/u> <\/b><\/h3>\n<div style=\"color: #cc0000;\">\n<p><b>* Go to -&gt; Layout -&gt; <span style=\"color: black;\">(Edit)<\/span> Navbar <span style=\"color: black;\">( Top Right)<\/span> -&gt; <span style=\"color: black;\">Select <\/span>Off -&gt; Save<\/b><\/p>\n<p><b>\u00a0<\/b><a style=\"margin-left: 1em; margin-right: 1em;\" href=\"http:\/\/1.bp.blogspot.com\/-lKipN-8Ay9s\/UXYqzCrkBSI\/AAAAAAAAAXM\/ly9LKzUfAps\/s1600\/Disable+Blogger+Navibar+How+to.JPG\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/1.bp.blogspot.com\/-lKipN-8Ay9s\/UXYqzCrkBSI\/AAAAAAAAAXM\/ly9LKzUfAps\/s1600\/Disable+Blogger+Navibar+How+to.JPG\" width=\"520\" height=\"320\" border=\"0\" \/><\/a><\/p>\n<\/div>\n<h3><u><b>Procedure 2:<\/b><\/u><\/h3>\n<p><b>Disabling Navbar by CSS.<\/b><br \/>\n<b>1. Go to Blogger Admin Interface -&gt; <span style=\"background-color: #eeeeee;\">Template -&gt; Click on Customize<\/span>\u00a0 <\/b><br \/>\n<b>\u00a0\u00a0\u00a0 This will open the Blogger Template Designer<\/b><\/p>\n<div style=\"clear: both; text-align: center;\"><\/div>\n<p><b><a style=\"margin-left: 1em; margin-right: 1em;\" href=\"http:\/\/3.bp.blogspot.com\/-F0TeIzHlQPg\/UXYrJGEUiUI\/AAAAAAAAAf4\/RQKmbfNcVyc\/s1600\/Remove+or+disable+blogger+Navbar.JPG\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/3.bp.blogspot.com\/-F0TeIzHlQPg\/UXYrJGEUiUI\/AAAAAAAAAf4\/RQKmbfNcVyc\/s1600\/Remove+or+disable+blogger+Navbar.JPG\" width=\"400\" height=\"193\" border=\"2\" \/><\/a><\/b><br \/>\n<b>2. In the Blogger Template Designer go to -&gt; <span style=\"background-color: #eeeeee;\">Advance -&gt; Add CSS<\/span><\/b><br \/>\n<b>\u00a0 \u00a0 This will open the Add Custom CSS field<\/b><\/p>\n<div style=\"clear: both; text-align: center;\"><\/div>\n<p><b><a style=\"margin-left: 1em; margin-right: 1em;\" href=\"http:\/\/3.bp.blogspot.com\/-54mqFm0sZq8\/UXYrJv92h2I\/AAAAAAAAAgI\/W7nPnTOZi_Q\/s1600\/Remove+or+disable+blogger+Navbar2.JPG\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/3.bp.blogspot.com\/-54mqFm0sZq8\/UXYrJv92h2I\/AAAAAAAAAgI\/W7nPnTOZi_Q\/s1600\/Remove+or+disable+blogger+Navbar2.JPG\" width=\"400\" height=\"272\" border=\"2\" \/><\/a><\/b><br \/>\n<b>3. In the Add custom CSS field just Paste the following code and click on Apply to blog.<\/b><\/p>\n<div style=\"background-color: #cccccc;\"><b>#navbar-iframe {<\/b><br \/>\n<b>\u00a0\u00a0 display: none !important;<\/b><br \/>\n<b>} <\/b><\/div>\n<p><b><a style=\"margin-left: 1em; margin-right: 1em;\" href=\"http:\/\/3.bp.blogspot.com\/-KWgEbIDewBc\/UXYrJ3hBnjI\/AAAAAAAAAgY\/K8KxspKolMY\/s1600\/Remove+or+disable+blogger+Navbar3.JPG\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/3.bp.blogspot.com\/-KWgEbIDewBc\/UXYrJ3hBnjI\/AAAAAAAAAgY\/K8KxspKolMY\/s1600\/Remove+or+disable+blogger+Navbar3.JPG\" width=\"400\" height=\"235\" border=\"2\" \/><\/a><\/b><br \/>\n<b>Now you can see that the Blogger Navbar is removed form your blog.<\/b><\/p>\n<h3><span style=\"font-size: large;\"><u><b>Video Tutorial:<\/b><\/u><\/span><\/h3>\n","protected":false},"excerpt":{"rendered":"<p>How to Remove blogger Navbar\u00a0 | Disable or Hide blogger navigation, Next Blog bar using CSS To remove navbar from blogger Bloodsport can use the following three simple steps Procedure&#8230; <a href=\"https:\/\/www.melberi.com\/wiki\/blogger\/remove-blogger-navbar-css\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1210],"tags":[1601],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/posts\/3237"}],"collection":[{"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/comments?post=3237"}],"version-history":[{"count":3,"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/posts\/3237\/revisions"}],"predecessor-version":[{"id":4627,"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/posts\/3237\/revisions\/4627"}],"wp:attachment":[{"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/media?parent=3237"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/categories?post=3237"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/tags?post=3237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}