Blogger has allowed its bloggers to play with the layout and design of the Blogger Posts and Pages in many ways, It can be played as much as you know about html coding, and website designing. One of the small trick is here.
Most of the bloggers don't like the Blogger Nav Bar, and want it to remove. (Be notified that it is completely legal to remove the Blogger Nav Bar.
Here is the simple trick and code to hide the Nav Bar, with a very comprehensive steps, As usual...
1. Sign in to blogger.com
2. Click Design ---> and then Template Designer
3. Click Advanced at left of the page
4. Click Add CSS
5. Paste the Following code in the "Add Custome CSS Box" (Code is shown in Blue fonts Below)
div.navbar {
{
opacity:0.0;
display:none;
}
6. Click Apply to Blog
Note:- All the Steps are shown below in the snap shot
7. You are done, the Nave Bar Has been Hidden, See your blog for Preview
If this procedure is not working, then try another trick
1. Go to Blogger Design and click Edit HTML
2. Paste the following code in blue fonts just after <head>
You can find <head> quickly by searching the page. To search press Ctrl+F and then write in the search box
<head>
this is the code in blue fonts paste it after <head>
<style type='text/css'>
#navbar-iframe
{
height:0px;
visibility:hidden;
display:none;
}
</style>
3. Save the template and you are done
Your Comments Motivate me to write more tipz and trickz
Most of the bloggers don't like the Blogger Nav Bar, and want it to remove. (Be notified that it is completely legal to remove the Blogger Nav Bar.
Here is the simple trick and code to hide the Nav Bar, with a very comprehensive steps, As usual...
1. Sign in to blogger.com
2. Click Design ---> and then Template Designer
3. Click Advanced at left of the page
4. Click Add CSS
5. Paste the Following code in the "Add Custome CSS Box" (Code is shown in Blue fonts Below)
div.navbar {
{
opacity:0.0;
display:none;
}
6. Click Apply to Blog
Note:- All the Steps are shown below in the snap shot
7. You are done, the Nave Bar Has been Hidden, See your blog for Preview
If this procedure is not working, then try another trick
1. Go to Blogger Design and click Edit HTML
2. Paste the following code in blue fonts just after <head>
You can find <head> quickly by searching the page. To search press Ctrl+F and then write in the search box
<head>
this is the code in blue fonts paste it after <head>
<style type='text/css'>
#navbar-iframe
{
height:0px;
visibility:hidden;
display:none;
}
</style>
3. Save the template and you are done
Your Comments Motivate me to write more tipz and trickz
No comments:
Post a Comment