Author Topic: How to remove the blogger bar on the top ?  (Read 125 times)

0 Members and 1 Guest are viewing this topic.

Offline CyborgRepublic

  • Full Member
  • *
  • Posts: 201
  • Karma: +0/-0
    • View Profile
How to remove the blogger bar on the top ?
« on: September 16, 2014, 01:31:19 AM »
I've been using blogger for over 2 years now, what i want to do is to remove the blogger bar on top because it's an extra space and that i want it full view. Is there anyway to do this?

Thanks.

Techronnati | where technology never sleeps

How to remove the blogger bar on the top ?
« on: September 16, 2014, 01:31:19 AM »

Mountain View

Offline Corps

  • Sr. Member
  • *
  • Posts: 273
  • Karma: +0/-0
    • View Profile
Re: How to remove the blogger bar on the top ?
« Reply #1 on: September 16, 2014, 01:33:12 AM »
I personally don't like the blogger bar at the top of blogger templates .Its good as well as bad .Its good because it provides a search box to search my blog .And bad because it gives an option to flag my blog for objectionable content which I guess you wont like if you blog about some "objectionable content" ;) . But Moreover who needs their search bar when you get cool google search box to search your site .

So how do you remove it ? .Heres a small piece of CSS code which will do the job .

Go to -> Layout ->Edit HTML

Before doing any changes always copy the html code and save it in a text file in your PC .So that
if you mess up something you can always copy paste the code and get back your original template .Or you can download the templete in XML format as a backup .
Paste the following code inside the head tag inbetween the outer-wrapper and header-wrapper definitions

Code: [Select]
#b-navbar
{
height: 0px;
visibility: hidden;
display: none;}

#navbar-iframe
{
height: 0px;
visibility: hidden;
display: none;
}

<>

#outer-wrapper {
font: $bodyFont;
}
/* Header



----------------------------------------------- */
copy paste the above code exactly here
here goes the code



Code: [Select]
#b-navbar
{
height: 0px;
visibility: hidden;
display: none;}

#navbar-iframe
{
height: 0px;
visibility: hidden;
display: none;
}

#header-wrapper {
margin:0;
padding: 0;

< / head>

Preview to see if the bar has disappeared and then save the template and view your blog the blogger bar must have disappeared

 

Related Topics

  Subject / Started by Replies Last post
0 Replies
107 Views
Last post October 18, 2008, 07:21:46 AM
by Transformer10
0 Replies
119 Views
Last post October 18, 2008, 07:47:34 AM
by JusticeLeague
0 Replies
842 Views
Last post November 27, 2008, 02:11:39 AM
by MrSpecialist
0 Replies
73 Views
Last post June 12, 2009, 09:00:04 AM
by techguy
2 Replies
108 Views
Last post April 02, 2010, 02:04:18 PM
by GBTalk

Posting Disclaimer: Any individual may post a message in this forum and may do so anonymously. Therefore, the sole author is exclusively and entirely responsible for all opinions in that message. They do not represent the official opinions of Techronnati, its administrators or moderators or the Techronnati Management. Techronnati is merely acting as an impartial conduit for constitutionally protected free speech and is not responsible and will not be held liable for the content of such messages. All images and service logos are trademarks of their respective owners.