Chowający się pasek nawigacyjny.

Pasek nawigacyjny, jak zapewne wiadomo, widnieje na górze bloga. Można mu w łatwy sposób zmienić kolor, a całkowite usunięcie też nie sprawia problemów. Jednak paleta barw, jaką dysponujemy, jest bardzo ograniczona: niebieski, brąz, czerń, srebro - a także warianty półprzezroczyste: ciemny i jasny. Tylko co zrobić, jeśli nasz blog jest pomarańczowy albo żółty? Jakie kolory wybrać? Możemy też zacząć narzekać, kiedy ważna część naszego szablonu jest pod nim schowana.
Jednocześnie krążą pogłoski, że usunięcie paska nawigacyjnego gryzie się z terms of use Bloggera, chociaż nie bardzo w to wierzę. Gdyby tak było, na Blogspocie funkcja ukrycia tego gadżetu byłaby niedostępna.
Jednak niektórzy woleliby zostawić ten widżet, gdyż z niego szybciutko mogą się zalogować, napisać nowy post lub wejść w panel nawigacyjny. Jest dostępne jedno rozwiązanie - wpisanie kodu na chowający się pasek nawigacyjny.
Jego "działanie" (a może raczej egzystowanie?) jest proste: trzymając kursor myszy w miejscu, gdzie powinien być pasek, ten pasek się pojawi. Gdy przesuniemy strzałeczkę w inne miejsce - pasek zniknie. Można zobaczyć to na tym blogu.
Trik działa w przeglądarkach Firefox, Opera, IE, Safari.
Szkoda, że Chrome jest trochę pokrzywdzony...*
*Któraś z nowszych wersji Chrome blokuje cały pasek nawigacyjny. Całkowicie. To nieważne czy jest on "wyskakujący", czy stały. Nie ma go, koniec, kropka. Dziwne, bo Blogger jest od Google, Chrome jest od Google... Niestety, ale przestawiłam się na Mozillę Firefox.

Co musimy zrobić?
1. Wchodzimy w panel nawigacyjny -> Szablon.
Jeśli boimy się, że możemy coś zepsuć i jesteśmy pewni, iż tego nie naprawimy, polecam kliknąć Utwórz/przywróć kopię zapasową -> Pobierz pełny szablon.
2. Dajemy Edytuj kod HTML -> Kontynuuj.
3. Wyszukujemy fragment kodu, który wygląda tak:

body
{

(Można tez kliknąć Ctrl + F i wpisać w pole frazę    /* Content    - body, o które nam chodzi powinno znajdować się tuż pod nią. U mnie ten fragment kodu wygląda tak: <klik>)

4. Tuż nad zaznaczonym fragmentem wklejamy następujący kod:

#navbar-iframe {
opacity:0.0;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
filter:alpha(Opacity=100,FinishedOpacity=100)
}

(Powinno to wyglądać w ten sposób: <klik>)

5. Dajemy Zapisz szablon i mamy wszystko zrobione.