How to Hide Blogger Navbar with CSS3 By Saftain Azmat

<div style="margin-bottom: 14px; padding: 0px; text-align: justify;"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR68oGyoGtJi31VW304qTIMm4kO-LLNgH5pi8wsCths8-rdFU_gZD_gvBjVLlTUfDQNpvz-KbGzp58TIGb-tSFxLmgUbfWazyEenBa9S0l7oDAL8p6g5E5N76noqvZmm-Q63sLLjcWTKM/s1600/How+to+Hide+Blogger+Navbar+with+CSS3+By+Saftain+Azmat.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="How to Hide Blogger Navbar with CSS3 By Saftain Azmat" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR68oGyoGtJi31VW304qTIMm4kO-LLNgH5pi8wsCths8-rdFU_gZD_gvBjVLlTUfDQNpvz-KbGzp58TIGb-tSFxLmgUbfWazyEenBa9S0l7oDAL8p6g5E5N76noqvZmm-Q63sLLjcWTKM/s1600/How+to+Hide+Blogger+Navbar+with+CSS3+By+Saftain+Azmat.png" title="How to Hide Blogger Navbar with CSS3 By Saftain Azmat" /></a></div> <b><span style="color: #333333; font-family: Lora, Georgia, Times New Roman, Times;"><span style="line-height: 25px;">Blogger seems to navigation [navigation] at the top of the page, in most cases, default Blogger Templates. If you want this party, then you can easily do this by adding a piece of code in the HTML section of your blog. When you create a new blog with the default template blogger; the navigation bar looks like this:</span></span></b></div> <div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;"> <br /></div> <div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;"> <a href="http://www.bestbloggercafe.com/wp-content/uploads/2014/03/hide-navbar-in-blogger.jpg" style="color: #349ecb; text-decoration: none;"><img alt="How to Hide Blogger Navbar with CSS3 By Saftain Azmat" class="size-medium wp-image-481 aligncenter" height="50" src="http://www.bestbloggercafe.com/wp-content/uploads/2014/03/hide-navbar-in-blogger-300x38.jpg" style="border: none; display: block; height: auto; margin: 0px auto 20px; max-width: 100%;" title="How to Hide Blogger Navbar with CSS3 By Saftain Azmat" width="400" /></a></div> <div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;"> This thing is not so bad-looking, but most bloggers do not want to see. Therefore, look for swift action to remove this movement of your blog bar: D. This position is the solution to it.<span id="more-479"></span></div> <h3 style="background: rgb(17, 17, 17) !important; border: 2px dashed rgb(52, 158, 203); color: rgb(52, 158, 203) !important; font-family: 'Yanone Kaffeesatz', sans-serif !important; font-size: 27px; font-weight: normal; line-height: 1.25; margin: 20px 0px 10px; padding: 5px 10px; text-shadow: rgb(0, 0, 0) 1px 2px 9px; word-spacing: 5px;"> <span style="color: #00c6ff;"> Tip No,01.How to Remove Blogger Navbar By Saftain Azmat?</span></h3> <div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;"> <div> In this tutorial, we will not delete the navigation bar, but we'll just hide. So you can show it again if you want it then. Follow the steps to make this easy.</div> <div> <ol> <li>Go to Blogger Dashboard</li> <li>Template HTML >> follow >></li> <li>Look at this piece of code</li> </ol> </div> </div> <blockquote style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/blockquote.png); background-origin: initial; background-position: initial; background-repeat: no-repeat; background-size: initial; border: none; color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin: 5px 5px 20px; padding: 25px 30px 5px 70px;"> <div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;"> /* Variable definitions</div> </blockquote> <div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;"> Just above and before <b><span style="color: #00c6ff;">/* Variable definitions</span></b> paste the find CSS line code By Saftain Azmat:</div> <blockquote style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/blockquote.png); background-origin: initial; background-position: initial; background-repeat: no-repeat; background-size: initial; border: none; color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin: 5px 5px 20px; padding: 25px 30px 5px 70px;"> <div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;"> #navbar-iframe { display: none !important; }</div> </blockquote> <div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;"> Save the template and you are done! And display and navigation blog not be there.</div>

How to Hide Blogger Navbar with CSS3 By Saftain Azmat

Blogger seems to navigation [navigation] at the top of the page, in most cases, default Blogger Templates. If you want this party, then y...

Read more »