Neu: Diese Variante funktioniert jetzt auch mit der aktuellen Blogger-Oberfläche (April 2013)!
Was jedem klar sein sollte, wenn man die Navbar entfernt, sind natürlich auch ihre Funktionen
Html-Code der Navbar finden
Um die Navbar entfernen / löschen zu können muss man den Html-Code der Blogger-Vorlage bearbeiten. Dazu wählt man in der Blog-Verwaltung den Reiter „Vorlage“ und dort dann „Html bearbeiten“.Zunächst muss man im Fenster „Vorlage bearbeiten“ nach folgender Zeile im Html-Code suchen:
<body expr:class='"loading"
Oder man klickt auf den Knopf „Zu Widget wechseln“ und wählt dort im Drop-Down-Menü „Navbar 1“ aus.
Man sieht dann die folgenden Zeilen Html-Code oder so Ähnliche:
</head>
<body expr:class='"loading" data:blog.mobileClass'>
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>...</b:widget>
</b:section>
Navbar entfernen / löschen
Um die Navbar zu entfernen, muss man nun einfach die „b:section“ der Navbar, also folgende Zeilen Html-Code löschen:<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>...</b:widget>
</b:section>
Im Ergebnis sollte der Html-Code dann ungefähr so aussehen:
</head>Danach nur noch auf den Knopf „VORLAGE SPEICHERN“ klicken und man hat die Navbar erfolgreich entfernt. Wenn man den Blog das nächste Mal aufruft oder neu lädt, ist die Blogger-Navbar verschwunden.
<body expr:class='"loading" data:blog.mobileClass'>
Entfernte / gelöschte Navbar wieder aktivieren
Um die Navbar wieder zu aktivieren, muss man die zuvor entfernten Zeilen Html-Code wieder an der selben Stelle einfügen – also direkt unter:<body expr:class='"loading" data:blog.mobileClass'>Wichtig: der zuvor entfernte Html-Code ist in Wahrheit ein klein wenig länger, dass kann man selber testen, indem man den obigen Html-Code aus dem Fenster „Html bearbeiten“ ausschneidet und in ein Textverarbeitungsprogramm einfügt. Daher ist es wichtig, den langen Html-Code in die Vorlage einzufügen, ansonsten funktioniert es nicht. Ihr könnt den Code einfach von hier kopieren und bei euch in die Vorlage einfügen.
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'> <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'> <b:includable id='main'><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("iframes-styles-bubble", function() { if (window.iframes && iframes.open) { iframes.open( '//www.blogger.com/navbar.g?targetBlogID\0752538882192893880242\46blogName\75alkuadmerdafgen\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://alkuadmerdafgen.blogspot.com/search\46blogLocale\75de\46v\0752\46homepageUrl\75http://alkuadmerdafgen.blogspot.com/\46readAccessMode\75PRIVATE\46vt\0757179718354883425611', { container: "navbar-iframe-container", id: "navbar-iframe" }, { }); } }); </script><script type="text/javascript"> (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js'; var head = document.getElementsByTagName('head')[0]; if (head) { head.appendChild(script); }})(); </script> </b:includable> </b:widget> </b:section>Dann nur noch auf den Knopf „VORLAGE SPEICHERN“ klicken und die zuvor entfernte Navbar ist automatisch wieder aktiviert.
Alternative
--> Man kann die Blogger (Blogspot) Navbar auch ausblenden <--Das ist insbesondere dann weitaus einfacher, wenn es darum geht, die Navbar wieder zu aktivieren.
Hallo, ich habe ein Problem wg. der Navbar bei einem Blog ist sie vollkommen verschwunden auch aus dem Layout, so soll es auch sein. Jedoch beim anderen Blog nicht :( Da klappt das irgendwie gar nciht mit ?? woran loiegt das?
AntwortenLöschenDas kann ich dir so jetzt nicht beantworten, dazu müsste ich mir deinen Html-Code ansehen. Wenn du mir deine Vorlage oder deinen Html-Code per Mail schickst, helfe ich dir gerne.
AntwortenLöschen