Goodbye NavBar!

Ärsyttääkö ketään Bloggerissa blogin yläreunassa oleva NavBar? Omasta blogistaan sen saa onneksi helposti pois. Avaa templatesi editiontitila ja lisää alla oleva koodi body-tagin alle. Paikalla ei (omien kokeilujeni mukaan) ole hirveästi merkitystä, kunhan se on body-tagin alla eikä riko mitään muuta koodia. Jos et onnistu ensimmäisellä kerralla, yritä sovittaa koodia johonkin toiseen kohtaan. Muista AINA esikatsella ennen tallentamista!

#b-navbar{ margin-top: -500px;} /* ---- Remove line if you want the Blogger Search bar back at top of page ----*/


/* ---- Remove this section the Blogger Search bar back at top of page ----*/

#navbar #Navbar1 iframe
{
display:none;
visibility:none;
}

iframe{
display:none !important;
}

/* ---- Remove this section the Blogger Search bar back at top of page ----*/

HUOM: En anna edelleenkään takuita muille kuin classic templateille. Bloggerin WYSIWYG-template-editorilla tehdyistä templateista en tiedä mitään.

VINKKI: Kommenttirivit ovat hyödyllisiä, jotta myöhemmin tiedät heti miten NavBarin saa takaisin (poistamalla koko koodin).

PS: Jos joku haluaa (ihan oikeasti) NavBarinsa pois, mutta ei saa sitä itse onnistumaan, autan mielläni. (Siis miten niin olen kyyninen omia vinkkejäni kohtaan?)

PSS: Laitan vielä esimerkin koodin sijoittamisesta:

body {
margin: 0px 0px 0px 0px;
background-color: #ffffff;
text-align: center;
font-family: 'Geneva', Verdana, Times, sans-serif;
}

a:link, a:visited, a:active {color: #F8003F; text-decoration: none;}
a:hover {color: #F8003F; text-decoration: underline;}

#b-navbar{ margin-top: -500px;} /* ---- Remove line if you want the Blogger Search bar back at top of page ----*/



/* ---- Remove this section the Blogger Search bar back at top of page in Blogger Beta ----*/

#navbar #Navbar1 iframe
{
display:none;
visibility:none;
}

iframe{
display:none !important;
}
/* ---- Remove this section the Blogger Search bar back at top of page in Blogger Beta ----*/

#container {
background-color: #ffffff;
line-height: 150%;
margin: 0px auto;
text-align: left;
width: 800px;
border-left: #8760af 10px solid;
border-right: #33cccc 10px solid;
}