Elimina bara de navigatia (Blogger)

Pentru utilizatorii platformei Blogger, voi descrie pas cu pas cum se poate elimina bara de navigare situata in header-ul paginii. De ce vrem sa eliminam bara de navigare? Pentru ca arata mai bine blog-ul fara ea si pentru a ne tine vizitatorii cat mai mult pe pagina.

Incepem?

Ne autentificam pe contul nostru, dam click pe tabul Sablon apoi pe Editati HTML. De retinut: inainte sa faceti modificari sa va salvati scriptul intr-un fisier text, daca gresiti undeva sa puteti sa va “repuneti blogul inapoi pe picioare”.. adica sa arate exact ca inainte. Apoi in chenarul Editati sablon dam de scroll in jos pana ajungem la un cod CSS ca cel de mai jos.

body {
	background-color: #ccc;
	margin:0;
	font: x-small Verdana, Sans-serif;
	text-align:center;
	color:#000;
	font-size/* */:/**/small;
	font-size: /**/small;
}

Vom modifica codul CSS ca in exemplul de mai jos.

body {
	background-color: #ccc;
	margin:0;
	font: x-small Verdana, Sans-serif;
	text-align:center;
	color:#000;
	font-size/* */:/**/small;
	font-size: /**/small;
}

#navbar-iframe {
	display: none !important;
}

Ati retinut? Adaugam o regula noua la CSS existent. Apasam pe butonul Salvati sablon si acum intram pe blog sa vedem cum arata fara bara de navigare. Simplu ca buna ziua.

Cum functioneaza: in codul CSS ii “spunem” browser-ului ca acea bara nu trebuie afisata, ea este inca in pagina dar browser-ul o ascunde.

Intrebari?