Πως κάνουμε απόκρυψη της 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 σας, θα αποτελεί πλέον ...παρελθόν!!!

Add To Facebook Add To Twitter Add To Yahoo Stumble This Fav This With Technorati Add To Del.icio.us Digg This Add To Reddit

4 σχόλια:

Konsutantinosu είπε...

Φίλε είσαι απίστευτος!
Συγχαρητήρια!
Πολυτιμότατες οι γνώσεις σου!

ekabitis είπε...

Να 'σαι καλά Konsutantinosu!
(Τι περίεργο όνομα, αλήθεια)!

Φώτης-Πάτρα είπε...

Τις Θρμές μου Ευχαριστίες

recoba76 είπε...

Πολυ καλο!!!Σε ευχαριστω πολυ!!!
Μια σημειωση.Σε μενα το μονο που επρεπε να ψαξω ηταν " boby { " ακριβως απο κατω απο το σημειο " /* Content
----------------------------------------------- */ " και ακριβως απο πανω του εκανα το paste του κωδικα.Το ανεφερα μονο και μονο για να βοηθησω καποιον ο οποιος ειχε τυχον διαφορετικο template απο εσενα και δεν εβρισκε τη λυση.

Δημοσίευση σχολίου