Cum elimin sau ascund Blogger navbar fără editare HTML
Am citit pe net, mai multe metode de a elimina sau ascunde bara de navigare blogger (Blogger navbar), însă toate acele metode implicau editare HTML. Pentru mulţi dintre noi nu este o problemă, dar pentru un utilizator începător această editare HTML îi poate crea probleme.
Înainte de a continua cu ascunderea, trebuie să stabilim ce presupune această ascundere. Bara de navigare va fi vizibilă doar la trecerea cu mouse-ul peste spaţiul unde se află în mod normal. Această metodă este foarte avantajoasă, pentru că împacă şi capra şi varza. Ca să nu mai lungesc vorba, în loc de codul CSS de mai sus, vom adăuga următorul cod CSS:
Vom observa şi de data aceasta cum navbar-ul a dispărut, însă nu vom putea previzualiza cum bara apare la trecerea cu mouse-ul deoarece mouse-ul nu are efect în previzualizare. Nu ne rămâne decât să aplicăm şablonul în blog, iar apoi vom observa cum bara doarme şi scoate capul numai la cursorul mouse-ului. :D
Dacă v-a fost util acest articol, sau pur şi simplu v-a plăcut, îmi puteţi mulţumi apăsând unul (sau mai multe) dintre butoanele de socializare. Astfel nu numai că îmi mulţumiţi, dar împărtăşiţi şi altor persoane acest articol. Sau chiar puteţi să vă abonaţi la feed....
Numai bine!
După cum se poate observa şi în titlu articolului, avem posibilitatea să eliminăm sau să ascundem navbar-ul. Să începem cu eliminarea:
- Mergem la Pagina de design al şabloanelor --> Avansat --> Adăugaţi CSS.
- Şi adăugăm în acea casetă următorul cod CSS:
#navbar-iframe{visibility: hidden;}
- Vom observa în previzualizare cum navbar-ul a dispărut.
- Nu uităm să apăsăm butonul Aplicaţi şablonul în blog.
Înainte de a continua cu ascunderea, trebuie să stabilim ce presupune această ascundere. Bara de navigare va fi vizibilă doar la trecerea cu mouse-ul peste spaţiul unde se află în mod normal. Această metodă este foarte avantajoasă, pentru că împacă şi capra şi varza. Ca să nu mai lungesc vorba, în loc de codul CSS de mai sus, vom adăuga următorul cod CSS:
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
Vom observa şi de data aceasta cum navbar-ul a dispărut, însă nu vom putea previzualiza cum bara apare la trecerea cu mouse-ul deoarece mouse-ul nu are efect în previzualizare. Nu ne rămâne decât să aplicăm şablonul în blog, iar apoi vom observa cum bara doarme şi scoate capul numai la cursorul mouse-ului. :D
Dacă v-a fost util acest articol, sau pur şi simplu v-a plăcut, îmi puteţi mulţumi apăsând unul (sau mai multe) dintre butoanele de socializare. Astfel nu numai că îmi mulţumiţi, dar împărtăşiţi şi altor persoane acest articol. Sau chiar puteţi să vă abonaţi la feed....
Numai bine!
Multumesc, este cea mai simpla metoda pe care am gasit-o.Si caut de ceva vreme !
RăspundețiȘtergereBuna lumis! Ma bucur ca v-a fost de folos...
RăspundețiȘtergereCu placere si Multumesc!
si cand vrem sa revenim cum era inainte cum facem ? ca eu ti-am urmat sfatul dar acum as vrea sa dau la loc sa vie vizibila mereu bara dar nu mai stiu cum ...ms
RăspundețiȘtergereSalut! Pur si simplu mergi la Pagina de design al şabloanelor --> Avansat --> Adăugaţi CSS. si stergi codul pe care l-ai adaugat.
ȘtergereBuna, am incercat sa utilizez metoda dar nu mai functioneaza. Oare s-a schimbat ceva in sablonul Blogger ? Mai sunt si altii care au patit la fel ?
RăspundețiȘtergereSalut!
ȘtergereAcum s-a modificat interfata Blogger. Mergeti la Tabloul de bord-->Sablon-->Personalizati-->Avansat-->Adăugaţi CSS apoi urmati tutorialul.
Daca tot nu merge atunci mergeti la Tabloul de bord-->Sablon-->Editati HTML-->Accesati, cautati codul body { (cu CTRL+F) si inaintea lui lipiti codul din articol
Dece sa o scot. Nu mă deranjează!
RăspundețiȘtergereCu atat mai bine. Nu mai ai treaba sa o scoti, sa elimini spatiul ocupat bla bla.
Ștergere