Πως κάνουμε απόκρυψη της Navbar

Κ

ατά καιρούς, πολλοί bloggers έχουν ασχοληθεί με τη navbar.Την menu bar του blogger δηλαδή, που βρίσκεται στο ανώτερο σημείο της σελίδας των blogs.

Αρκετοί την έχουν βγάλει τελείως για να φαίνεται το blog πιο όμορφο και πιο επαγγελματικό, ή έχουν βάλει κάποια άλλη από αυτές που κυκλοφορούν στο διαδίκτυο.
Αναλογιστήκατε όμως κατά πόσο είναι νόμιμο αυτό, και κατά πόσο παραβιάζονται οι κανόνες και οι όροι του Blogger;
Δεν νομίζω.
Ίσως κάποιοι, κάποτε βρεθούν στη δυσάρεστη θέση να αντιμετωπίσουν προβλήματα από την Google, χωρίς να ξέρουν το γιατί.
Βέβαια, απ' ότι ξέρω, μέχρι τώρα δεν έχει ακουστεί κάτι τέτοιο, για τον συγκεκριμένο λόγο, αλλά ποτέ δεν ξέρεις.

Σήμερα λοιπόν έχω να σας προτείνω μια λύση πάνω σ' αυτό το θέμα.
Πρόκειται για την απόκρυψη, και όχι την διαγραφή της navbar.
Σίγουρα κάτι περισσότερο νόμιμο από την διαγραφή της.

Στην περίπτωσή μας, η navbar, θα εμφανίζεται μόνο όταν περνάει ο δείκτης του ποντικιού από πάνω της. Σε κάθε άλλη περίπτωση, θα ...

...είναι εξαφανισμένη.
Καλό ακούγεται έ;
Πάμε να δούμε πως γίνεται.

Συνδεόμαστε με τον λογαριασμό μας, και πατάμε
Σχεδίαση --> Επεξεργασία HTML.
Σε αυτό το σημείο, κάντε μια "Λήψη πλήρους προτύπου", κάτι που συνιστώ να κάνετε πάντα, όταν πρόκειται να ασχοληθείτε με τον κώδικα της σελίδας σας.
Με το Ctrl+F, ψάχνουμε να βρούμε το

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Κατά πάσα πιθανότητα δεν θα το ...βρείτε ακριβώς έτσι, καθώς διαφέρει από template σε template, αλλά θα μοιάζει κάπως έτσι.

Αφού το βρείτε, παίρνετε τον παρακάτω κώδικα, και τον τοποθετείτε ακριβώς από πάνω του.

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

Πατάτε αποθήκευση, και είστε έτοιμοι.
Θα δείτε άμεσα το αποτέλεσμα.

Αν πάλι επιμένετε να την διαγράψετε, κάντε πάλι την ίδια διαδικασία, αλλά πάνω από το

body {

κάνετε επικόληση τον κωδικό

#navbar-iframe {
display : none;
height : 0;
visibility : hidden;
}

αντί του προηγούμενου.

Η navbar του blog σας, θα αποτελεί πλέον ...παρελθόν!!!

Αν βρίσκετε χρήσιμες τις αναρτήσεις μου, και θέλετε να σας έρχονται μέσω e-mail, για να ενημερώνεστε άμεσα για κάθε καινούρια ανάρτηση, κάντε ενγραφή στο RssFeed που βρίσκεται στη sidebar του Blog μου!