Blogger Navigations Leiste verstecken ♥♥

In diesem Tutorial werden wir der Navigationsleiste auf den Pelz rücken. ;)

Meiner Meinung nach das einzige Element auf einem Blogspot Blog, den man nicht wirklich zufriedenstellend anpassen kann. (Das folgende Tutorial ist nicht unsere Idee gewesen, es ist im Orginal auf Englisch und von der großartigen Shabby ;)

Schritt 1

Als erstes geht ihr auf Design, dann auf Seitenelemente und schließlich in eurer Sidebar (Oder an einem anderen Ort) auf Gadget hinzufügen.

Schritt 2

Nun sucht ihr euch das Gadget mit dem Titel "HTML/JavaScript" heraus und klickt auf das kleine Plus (Kennt ihr sicher schon alle :D)

Schritt 3

Nun öffnet sich ein kleines Fenster. In dieses kopiert ihr den folgenden Code: 

(Einfach reinklicken, es markiert sich selbst)

<!-- DROPDOWN NAVBAR --><br /> <!-- stylesheet for FF2, Op9, IE7 (strict mode) --><br /> <style type="text/css"> #navbar { display:inline; width:100%; position:absolute; background-color:transparent; top:-30px; left:0px; height:60px; z-index:999999; } #navbar:hover{ top:0px; height:30px; } </style><br /> <!-- stylesheet for IE6 and lower --><br /> <!-- (not supporting element:hover) --><br /> <!-- first, unhide the navbar through css --><br /> <!-- second, hide the navbar and mimic --><br /> <!-- the effect with javascript, if available --><br /> <!--[if lt IE 7]><br /> <style type="text/css"> #navbar { height:30px; top:0px; } </style><br /> <script type="text/javascript"> var navbar = document.getElementById('navbar'); if(navbar){ navbar.onmouseover = function(){ navbar.style.top = '0px'; navbar.style.height = '30px'; } navbar.onmouseout = function(){ navbar.style.top = '-30px'; navbar.style.height = '60px'; } if (navbar.captureEvents){ navbar.captureEvents(Event.MOUSEOVER); navbar.captureEvents(Event.MOUSEOUT); } navbar.onmouseout(); } </script><br /> <![endif]--><br /> <!-- end dropdown navbar -->
Einen Titel braucht ihr für dieses Gadget nicht, da man es sowieso nicht sieht. Auch würde ich euch raten, es nach soweit unten zu machen wie möglich (seltsame Grammatik o_O), zum Beispiel so:

Falls ihr es noch nicht getan habt, könnt ihr Ok drücken, und auf euren Blog gehen, um den Zaubertrick zu bestaunen:

So, das wars! Ich hoffe ich konnte euch etwas Magie in euren Blog bringen :)