{"id":112,"date":"2013-08-20T13:50:00","date_gmt":"2013-08-20T13:50:00","guid":{"rendered":"http:\/\/www.arhixe.com\/?p=112"},"modified":"2013-08-20T13:50:00","modified_gmt":"2013-08-20T13:50:00","slug":"how-to-remove-blogger-navbar","status":"publish","type":"post","link":"https:\/\/thefaddism.com\/?p=112","title":{"rendered":"How To Remove Blogger Navbar"},"content":{"rendered":"<div style=\"background-color: white; color: #333333; font-family: Lora, serif; font-size: 16px; line-height: 25px; text-align: justify;\">Blogger platform is simple and easy to use. There are numberless third party templates available in the blog-o-sphere. You can use any template to give your blog a professional look. But if you are using blogger\u2019s default templates then you definitely notice that there is a navbar (navigation bar) at the top of your blog. This navbar looks nasty and it shows that this is not a website but simply a free blog. It will ruin your efforts to convert your blog into a professional blog. So, at that time you may think to remove navbar from your blogger blog. Don\u2019t worry I have the solution of your problem and it is very easy to remove the navbar. Let\u2019s start the tutorial.<br \/><a href=\"http:\/\/www.arhixe.com\/\" name=\"more\" style=\"color: #ed702b;\"><\/a><\/div>\n<div style=\"background-color: white; color: #333333; font-family: Lora, serif; font-size: 16px; line-height: 25px; margin-bottom: 25px; padding: 0px; text-align: justify;\"><\/div>\n<h2 style=\"background-color: white; color: #333333; font-family: Oswald, arial, serif; font-size: 36px; font-weight: normal; line-height: 1.25; margin: 0px 0px 10px; padding: 0px; text-align: justify;\">Remove Navbar from Blogger Blog<\/h2>\n<div style=\"background-color: white; color: #333333; font-family: Lora, serif; font-size: 16px; line-height: 25px; margin-bottom: 25px; padding: 0px; text-align: justify;\"><\/div>\n<div style=\"background-color: white; color: #333333; font-family: Lora, serif; font-size: 16px; line-height: 25px; text-align: justify;\">There are two methods by which you can remove navbar from your blog. First by hiding it using CSS and second one is by disable it from blogger layout. Let see both the methods.<\/div>\n<div style=\"background-color: white; color: #333333; font-family: Lora, serif; font-size: 16px; line-height: 25px; margin-bottom: 25px; padding: 0px; text-align: justify;\"><\/div>\n<h3 style=\"background-color: white; color: #333333; font-family: Oswald, arial, serif; font-size: 30px; font-weight: normal; line-height: 1.25; margin: 0px 0px 10px; padding: 0px; text-align: justify;\">Hide Navbar Using CSS<\/h3>\n<div style=\"background-color: white; color: #333333; font-family: Lora, serif; font-size: 16px; line-height: 25px; margin-bottom: 25px; padding: 0px; text-align: justify;\"><\/div>\n<ol style=\"background-color: white; color: #333333; font-family: Lora, serif; font-size: 16px; line-height: 25px; margin: 0px; padding: 0px 0px 25px; text-align: justify;\">\n<li style=\"list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;\">Go to Blogger &gt;&gt; Template &gt;&gt; Edit HTML<\/li>\n<div style=\"line-height: 1.5625; margin-bottom: 25px; padding: 0px;\"><\/div>\n<li style=\"list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;\">Please Backup your blog template first. (Read this:&nbsp;<a href=\"http:\/\/www.bloggertipstricks.com\/2013\/02\/backup-restore-blog-template.html\" style=\"color: #ed702b; text-decoration: none;\">How to backup template in blogger?<\/a>)<\/li>\n<div style=\"line-height: 1.5625; margin-bottom: 25px; padding: 0px;\"><\/div>\n<li style=\"list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;\">Search for<\/li>\n<div style=\"line-height: 1.5625; margin-bottom: 25px; padding: 0px;\"><\/div>\n<blockquote style=\"background-image: url(http:\/\/www.bloggertipstricks.com\/wp-content\/themes\/eleven40\/images\/blockquote.png); background-position: initial initial; background-repeat: no-repeat no-repeat; border: none; margin: 5px 5px 20px; padding: 25px 30px 5px 70px;\"><p>]]&gt;<\/p>\n<div style=\"color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 25px; padding: 0px;\"><\/div>\n<\/blockquote>\n<div style=\"line-height: 1.5625; margin-bottom: 25px; padding: 0px;\"><\/div>\n<li style=\"list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;\">Now paste the below code just above it.<\/li>\n<div style=\"line-height: 1.5625; margin-bottom: 25px; padding: 0px;\"><\/div>\n<blockquote style=\"background-image: url(http:\/\/www.bloggertipstricks.com\/wp-content\/themes\/eleven40\/images\/blockquote.png); background-position: initial initial; background-repeat: no-repeat no-repeat; border: none; margin: 5px 5px 20px; padding: 25px 30px 5px 70px;\"><p>#navbar-iframe { display: none !important;}<\/p>\n<div style=\"color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 25px; padding: 0px;\"><\/div>\n<\/blockquote>\n<div style=\"line-height: 1.5625; margin-bottom: 25px; padding: 0px;\"><\/div>\n<li style=\"list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;\">Click save template button.<\/li>\n<div style=\"line-height: 1.5625; margin-bottom: 25px; padding: 0px;\"><\/div>\n<li style=\"list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;\">You are done!<\/li>\n<\/ol>\n<div style=\"background-color: white; color: #333333; font-family: Lora, serif; font-size: 16px; line-height: 25px; margin-bottom: 25px; padding: 0px; text-align: justify;\"><\/div>\n<h3 style=\"background-color: white; color: #333333; font-family: Oswald, arial, serif; font-size: 30px; font-weight: normal; line-height: 1.25; margin: 0px 0px 10px; padding: 0px; text-align: justify;\">Disable Blogger Navbar<\/h3>\n<div style=\"background-color: white; color: #333333; font-family: Lora, serif; font-size: 16px; line-height: 25px; margin-bottom: 25px; padding: 0px; text-align: justify;\"><\/div>\n<div style=\"background-color: white; color: #333333; font-family: Lora, serif; font-size: 16px; line-height: 25px; text-align: justify;\">If you don\u2019t want to put additional CSS code in your blog template then you can also remove navigation bar by using below method.<\/div>\n<ol style=\"background-color: white; color: #333333; font-family: Lora, serif; font-size: 16px; line-height: 25px; margin: 0px; padding: 0px 0px 25px; text-align: justify;\">\n<li style=\"list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;\">Go to&nbsp;<a href=\"http:\/\/www.blogger.com\/\" style=\"color: #ed702b; text-decoration: none;\" target=\"_blank\" rel=\"noopener\">Blogger<\/a>&nbsp;&gt;&gt; Layout<\/li>\n<div style=\"line-height: 1.5625; margin-bottom: 25px; padding: 0px;\"><\/div>\n<li style=\"list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;\">Now click on edit under the navbar section. See below screenshot.<\/li>\n<div style=\"line-height: 1.5625; margin-bottom: 25px; padding: 0px;\"><img loading=\"lazy\" decoding=\"async\" alt=\"remove blogger navbar\" height=\"219\" src=\"https:\/\/thefaddism.com\/wp-content\/uploads\/2013\/08\/blogger-navbar-300x112.jpg\" style=\"height: auto; max-width: 100%;\" width=\"583\" \/><\/div>\n<li style=\"list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;\">A Navbar Configuration pop up will open. Choose \u201coff\u201d from the various options.<\/li>\n<div style=\"line-height: 1.5625; margin-bottom: 25px; padding: 0px;\"><img loading=\"lazy\" decoding=\"async\" alt=\"disable blogger navbar\" height=\"551\" src=\"https:\/\/thefaddism.com\/wp-content\/uploads\/2013\/08\/disable-blogger-navbar-1-268x300.jpg\" style=\"height: auto; max-width: 100%;\" width=\"494\" \/><\/div>\n<li style=\"list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;\">Click on save button.<\/li>\n<div style=\"line-height: 1.5625; margin-bottom: 25px; padding: 0px;\"><\/div>\n<li style=\"list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;\">You are done!&nbsp;<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Blogger platform is simple and easy to use. There are numberless third party templates available&#8230;<\/p>\n","protected":false},"author":1,"featured_media":436,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-112","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogger-guide"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.2.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How To Remove Blogger Navbar - The Faddism<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thefaddism.com\/?p=112\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Remove Blogger Navbar - The Faddism\" \/>\n<meta property=\"og:description\" content=\"Blogger platform is simple and easy to use. There are numberless third party templates available...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thefaddism.com\/?p=112\" \/>\n<meta property=\"og:site_name\" content=\"The Faddism\" \/>\n<meta property=\"article:published_time\" content=\"2013-08-20T13:50:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thefaddism.com\/wp-content\/uploads\/2013\/08\/blogger-navbar.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"583\" \/>\n\t<meta property=\"og:image:height\" content=\"219\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/thefaddism.com\/?p=112\",\"url\":\"https:\/\/thefaddism.com\/?p=112\",\"name\":\"How To Remove Blogger Navbar - The Faddism\",\"isPartOf\":{\"@id\":\"https:\/\/thefaddism.com\/#website\"},\"datePublished\":\"2013-08-20T13:50:00+00:00\",\"dateModified\":\"2013-08-20T13:50:00+00:00\",\"author\":{\"@id\":\"https:\/\/thefaddism.com\/#\/schema\/person\/1b84fda14e3b82a80ecb9c9da1f25c44\"},\"breadcrumb\":{\"@id\":\"https:\/\/thefaddism.com\/?p=112#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/thefaddism.com\/?p=112\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/thefaddism.com\/?p=112#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/thefaddism.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Remove Blogger Navbar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/thefaddism.com\/#website\",\"url\":\"https:\/\/thefaddism.com\/\",\"name\":\"The Faddism\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/thefaddism.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/thefaddism.com\/#\/schema\/person\/1b84fda14e3b82a80ecb9c9da1f25c44\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/thefaddism.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/597a6e8a8264cf7584d467c244a09bd9e6d1263b00a663bf0dd67049d64d97a8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/597a6e8a8264cf7584d467c244a09bd9e6d1263b00a663bf0dd67049d64d97a8?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/thefaddism.com\"],\"url\":\"https:\/\/thefaddism.com\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Remove Blogger Navbar - The Faddism","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thefaddism.com\/?p=112","og_locale":"en_US","og_type":"article","og_title":"How To Remove Blogger Navbar - The Faddism","og_description":"Blogger platform is simple and easy to use. There are numberless third party templates available...","og_url":"https:\/\/thefaddism.com\/?p=112","og_site_name":"The Faddism","article_published_time":"2013-08-20T13:50:00+00:00","og_image":[{"width":583,"height":219,"url":"https:\/\/thefaddism.com\/wp-content\/uploads\/2013\/08\/blogger-navbar.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thefaddism.com\/?p=112","url":"https:\/\/thefaddism.com\/?p=112","name":"How To Remove Blogger Navbar - The Faddism","isPartOf":{"@id":"https:\/\/thefaddism.com\/#website"},"datePublished":"2013-08-20T13:50:00+00:00","dateModified":"2013-08-20T13:50:00+00:00","author":{"@id":"https:\/\/thefaddism.com\/#\/schema\/person\/1b84fda14e3b82a80ecb9c9da1f25c44"},"breadcrumb":{"@id":"https:\/\/thefaddism.com\/?p=112#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thefaddism.com\/?p=112"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/thefaddism.com\/?p=112#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thefaddism.com\/"},{"@type":"ListItem","position":2,"name":"How To Remove Blogger Navbar"}]},{"@type":"WebSite","@id":"https:\/\/thefaddism.com\/#website","url":"https:\/\/thefaddism.com\/","name":"The Faddism","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thefaddism.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/thefaddism.com\/#\/schema\/person\/1b84fda14e3b82a80ecb9c9da1f25c44","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/thefaddism.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/597a6e8a8264cf7584d467c244a09bd9e6d1263b00a663bf0dd67049d64d97a8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/597a6e8a8264cf7584d467c244a09bd9e6d1263b00a663bf0dd67049d64d97a8?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/thefaddism.com"],"url":"https:\/\/thefaddism.com\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/thefaddism.com\/index.php?rest_route=\/wp\/v2\/posts\/112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thefaddism.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thefaddism.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thefaddism.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thefaddism.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=112"}],"version-history":[{"count":0,"href":"https:\/\/thefaddism.com\/index.php?rest_route=\/wp\/v2\/posts\/112\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thefaddism.com\/index.php?rest_route=\/wp\/v2\/media\/436"}],"wp:attachment":[{"href":"https:\/\/thefaddism.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=112"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thefaddism.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=112"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thefaddism.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}