Πώς χωρίζουμε την κεφαλίδα (header) σε δύο μέρη

Ο χωρισμός της Κεφαλίδας (header) του ιστολογίου σας σε δύο μέρη είναι πολύ χρήσιμος ,αφού αριστερά μπορείτε να βάλετε π.χ. μια εικόνα ,ενώ δεξιά κείμενο,άλλη εικόνα ή ακόμη και κώδικα μιας μπάρας,διαφημίσεις κτλ.

Αυτό δεν είναι πολύ δύσκολο να το πετύχετε.Απλά ακολουθείστε την σύντομη διαδικασία παρακάτω και προσθέστε τις παρακάτω απλές σειρές κώδικα.

 Πριν κάνετε οτιδήποτε καλό είναι να κάνετε το πρότυπό σας αποθήκευση.


1ο βήμα
Πρώτα πηγαίντε στο μπλόγκερ στο Πρότυπο/επεξεργασία HTML.Κάντε τικ στο κουτί Επέκταση προτύπων γραφικών στοιχείων.

Πατήστε cntrl+F και κάντε αναζήτηση για #header, αν δεν το βρίσκει κάντε για /* Header

Κάτω από τη γραμμή
/* Header                                     
----------------------------------------------- */

αν υπάρχει τομέας που μοιάζει κάπως έτσι


#header {
padding-top:30px;
float:left;
width:370px;
}  

αντικαταστήστε τον με τον παρακάτω κώδικα.Αν δεν υπάρχει τέτοιος τομέας απλά προσθέστε τον παρακάτω κώδικα από κάτω ,οπότε ο κώδικάς σας θα είναι κάπως έτσι:

/* Header                                     
----------------------------------------------- */

#header {
padding-top:30px;
float:left;
width:370px;
} 
#header-right {
padding-top:30px;
float:right;
width:370px;
}  


Τί ακριβώς κάνει αυτός ο κώδικας:
Ουσιαστικά ο παραπάνω κώδικας χωρίζει την Κεφαλίδα σε δύο μέρη (header,header-right) ,το σημείο που θα τοποθετηθούν (left,right),το πλάτος 30px)


2ο βήμα.
Τώρα πρέπει να εμφανίσουμε την προσθήκη widget στη Διάταξη.


Οπότε ακολούθως κάνουμε αναζήτηση πάλι με cntrl+F για maxwidgets.Υπάρχουν πολλά maxwidgets οπότε πάτηστε Enter (συνήθως μία φορά ) μέχρι να φτάσετε σ'αυτό που έχει τον εξής κώδικα:


      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>


Ακριβώς κάτω από αυτό τον κώδικα προσθέστε:


<b:section class='header' id='header-right' maxwidgets='1' showaddelement='yes'/>


Κάντε προεσκόπηση προτύπου και αν όλα πήγαν καλά αποθήκευση.
Τώρα στη διάταξη του προτύπου σας,στην κεφαλίδα θα πρέπει να έχει εμφανιστεί δεξιά μια νέα θέση για προσθήκη widget.

για τυχόν δυσκολίες που θα αντιμετωπίσετε,κάντε σχόλιο.


Πνευματικά δικαιώματα άρθρου συμβουλές μπλόγκερ.