Αφαιρεση Της Μπαρας Στο Βlog Μου

Kαλημερα σας ενα απο τα πρωτα πραγματα που πρεπει να κανει ενας blogger για να ομορφηνει το blog του ειναι να αφαιρεσει αυτην την αηδιαστικια μπαρα που υπαρχει πανω πανω σε καθε καινουριο blog, την ονομαζομενη navbar. Ο οδηγος ειναι απλος και παρα πολυ γρηγορος.


αφαιρεση της μπαρας στο blog μου


Αφαιρεση της navbar στο blogger


παμε στο προτυπο μας επεξεργασια html τικαρουμε στο κουτακι πανω αριστερα που λεει Επέκταση προτύπων γραφικών στοιχείων και με control-f ψαχνουμε να βρουμε αυτον τον κωδικὂ
]]></b:skin>

δειτε κι αυτο:   Powered By Blogger

μολις τον βρουμε ακριβως απο πανω του βαζουμε αυτον

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

παταμε προεπισκοπηση κι αν ειναι ολα οκ αποθηκευουμε το προτυπο μας

edit
o blogger μας εδωσε τη δυνατοτητα να αφαιρουμε τη μπαρα απο μονοι μας

παμε διαταξη navbar επεξεργασια και κατω κατω επιλεγουμε off

Αποκρυψη navbar


Τωρα αν θελουμε μονο να κανουμε αποκρυψη navbar μπορουμε με εναν απλο κωδικο να την κανουμε να μαζευεται αριστερα στην οθονη μας και μολις βαζουμε το ποντικι απο πανω της να ανοιγει. Ωραιο κολπακι δοκιμαστε το

δειτε εδω ενα demo
Παμε προτυπο - προσαρμογη - προηγμενη - προσθηκη css και κανουμε επικοληση αυτο τον κωδικο. Παταμε enter και ειμαστε ετοιμοι.


#navbar {width: 36px;border-top: 1px solid #888888;border-right: 5px solid #888888;position: fixed;top: 0px;left: -6px;background: #fe6602;border-radius : 0 5px 5px 0;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;
-moz-transition-delay: 1.3s;-ms-transition-delay: 1.3s;-o-transition-delay: 1.3s;-webkit-transition-delay: 1.3s;transition-delay: 2.5s;
z-index: 10;}
#navbar:hover {width: 96%;
-moz-transition: all 0.6s linear;-ms-transition: all 0.6s linear;-o-transition: all 0.6s linear;-webkit-transition: all 0.6s linear;transition: all 0.6s linear;
}

1 comments so far

Αυτό το σχόλιο αφαιρέθηκε από τον συντάκτη.