Po ...
How To Remove Blogger Navbar
30 comments
WHAT IS BLOGGER NAVBAR?
Blogger has got a Navigation Bar thatappears by default at the top of every Blogger-powered blog. This navigation bar can be very useful when you are blogging, but sometimes, it can get in the way. The Blogger navbar is usually hidden in most of the third party templates.
The advantages of it are the following:
- when you click on the B icon, it will take you to blogger.com
- a quick link to your Dashboard and "Sign in /Sign out" dialog
- you can easily search for other blogs
- you can "Flag Blog" (if you consider content of a blog objectionable)
- NextBlog - takes you to a random, recently-updated Blogger blog
The only disadvantage is visual. If you have customized design, Navbar just doesn't fit in.
So how we get rid of it? It is very simple. Just follow the next steps...
Removing The Blogger Navbar:
1. Login to your Blogger account, click on your blog name and navigate toLayout;
2. Look for the Navbar text and click on theEditlink as shown in the picture below:
3. When the pop-up window appears, scroll down and selectOff, then click onSavebutton:
You're done.
Like
11
Random Posts
Auto Read More with thumbnail for Blogger/Blogspot Posts17/03/2012 - 66 Comments
How to Add Emoticons/Smileys in Blogger Comments18/04/2012 - 56 Comments
How to Use Cookies in Javascript09/03/2014 - 3 Comments
Related Posts:
Understanding the Page Elements of ...
What is the difference between padd...
How to Use Cookies in Javascript
How to Add an Admin Control Panel i...
Fading Box With Newer/Older Posts L...
30 comments:
Magaly Guerrero 3/21/2012
Thanks for this. You rock! Reply
Replies
Admin 3/22/2012
My pleasure. Thanks for the feedback :)
M.Baber Siddiqui 5/05/2012
you all are awesome man
Soman 3/28/2012
but when i did the same, there appears some.....blogger error ensert the code balabla..
please help me.. Reply
Replies
Admin 3/28/2012
Welcome Soman,
Make sure you have inserted the code correctly and you haven't removed any other code accidentally. If it's still not working, try this methodinstead.
Admin 3/28/2012
don't forget to backup your template...
Administer 4/15/2012
It Worked, (Y) Reply
Gabriel Sirilan 5/09/2012
Does not work. Error changing it. Reply
Electronic Revolution 5/31/2012
Thanks a bunch!! :) Reply
Replies
Admin 5/31/2012
you're welcome ;)
Sarah Yoder 6/04/2012
Worked like a charm! Thanks for the info! Reply
Sudaksha 6/13/2012
This trick is something special for me.. I already knew 2 different tricks but this one is different.. Thanks for the share! Reply
Free Blogger Templates 6/13/2012
This method is not working in the new blogger interface. I have tried it on my blog and it says.......Oops, error connecting to it. Reply
Reks yong 6/13/2012
I need help with placing the script code inside the box like your post, how do you do that? Reply
Anonymous 6/22/2012
Blogger allows you to choose if you want to show it or not, all you have to do is going to design / page elements on top click edit nav bar scroll all the way down and select Off Reply
Lejla Kollár 9/29/2012
But, you will no longer see the Quick Edit pencil icon or wrench links icon on your blog even if you are logged in.
All these methods deleting these icons. :-(
I want back my useful icons :-)
But how? Reply
laxya bahadur aale 11/19/2012
It doesn't work for the newer version of blogger ...Why > ? please hlp ! Reply
DEP- CMC 12/19/2012
Hi,How to delete a empty space in blogger.. Reply
MUTHU KUMAR.R 12/19/2012
Hi,How to Delete empty space in blogger.. Reply
suresuccess 4/21/2013
I used to add a code to my template but this is quite simple and straight forward. Reply
Ashley @ Always Ashley 4/23/2013
You just made this beyond easy! Thanks! Reply
Kushal Jain 5/18/2013
No sharing option? :O Reply
M.K. 5/22/2013
yeah, thanks for your help!! Reply
johny bloger 6/11/2013
Thanks Solved my problem.
suraj
http://www.diggblogg ers.com Reply
carli 11/01/2013
Thank you!!! This post was super helpful!! Reply
Adhitanto Nabil 12/25/2013
Thanks! It's super effective Reply
Lindsay 1/08/2014
Is there another easy way after I remove the navbar to sign in and out and make changes to my blog? Reply
Replies
Admin 1/09/2014
Hi Lindsay,
You can hide the navbar only to your blog visitors. Go to Layout again and check one of the options to show the navbar, then go to Template > Edit HTML and search (CTRL + F) for this line:
Just above this line, add this code:
Now look below the first line and find the tag.
Just after the tag, add this code:
Now the Blogger Navbar will hide when someone visits your blog and it will be visible only to you.
If you want to know how to make other widgets visible only to you, please read this tutorial:
How to make a gadget/widget visible only to blog admin
Thanks for visiting!
Mro Oitache 2/09/2014
thank you Reply
Amarnath Palakala 2/16/2014
thanqqqqq bossss for the usefull infoo
Reply
Add comment
Comment as: Sign out
Notify mePublishPreview
Privacy Policy| Disclaimer| Terms of Service| Sitemap Back to Top DMCA PROTECTED
Search
Search
Follow on Facebook
Helplogger
Like
2,786 people like Helplogger .
Facebook social plugin
Follow on Blogger
Subscribe via Email
Receive Quality Tutorials Straight in your
Inbox by submitting your Email below.
Submit
Or subscribe via RSS Feed
Recent Posts
How to Add Numbered Page Navigation Widget for Blogger
5 Easy Ways to Improve the SEO of a blog & Boost Traffic
What is the difference between padding and margins?
Add a Custom jQuery Lightbox To Blogger
How to Use Cookies in Javascript
Recent Comments
She and Me
Thank you so much,It worked perfectly. You make it all so easy to...
Junkyo No Hikari
Thanks its work really well ^__^
Junkyo No Hikari
Hye... Thanks to your tuto its work ^__^ btw I'm delete the...
Eliza Lincy
How to increase the number of posts shown in Home page after...
Varad Parab
That was one awsome post...it really helped!!!
Popular Posts
Simple Recent Posts Widget for Blogger/Blogspot
Create A Rollover Image Effect (change image on mouseover)
Recent Comments Widget For Blogger
How to remove Blogger Picture/Image Shadow and Border
Hide/Show Widgets /Gadgets in Home/post /static/archive pages in Blogger
11
Like
No comments:
Post a Comment