Χωρίστε την επικεφαλίδα του blogger σε 2 τμήματα

Aκολουθείτε τα παρακάτω βήματα :

•   Συνδεθείτε στο blogger λογαριασμό σας

•   Πηγαίνετε   Διάταξη –> Επεξεργασία HTML  και μην πατήσετε στο κουτάκιΕπέκταση προτύπων γραφικών στοιχείων

•   Και ψάχνετε στο πρότυπο σας τον παρακάτω κώδικα :

#header {

margin: 5px;

border: 1px solid $bordercolor;

text-align: center;

color:$pagetitlecolor;

}

2-Τώρα αντικαταστήστε τον πάνω κώδικα με τον κώδικα  κάτω 
#header {
float:left;
width:40%;
height:150px;
margin: 0px;
border: 0px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
#header2{
float:left;
width:60%;
height:150px ;
}
Σημείωση : Προσαρμόστε ανάλογα με τις ανάγκες σας το width και το  height 
3-Τώρα ψάχνουμε πάλι στο πρότυπο μας  τον παρακάτω κώδικα :
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='ΟΝΟΜΑΣΙΑ ΤΟΥ BLOG (Header)' type='Header'/> </b:section>
</div>
Σημείωση : ΟΝΟΜΑΣΙΑ ΤΟΥ BLOG  είναι η πραγματική ονομασία του blog σας . Στο πρότυπο σας το maxwidgets='1' μπορεί να είναι maxwidgets='2' η 3 η 5 και τοshowaddelement='no' μπορει να ειναι  yes
4-Αντικαταστήστε τον πάνω κώδικα με τον κώδικα που σας δίνω παρακάτω :
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='YOUR-BLOG-TITLE (Header)' type='Header'/>
</b:section>
<b:section class='header' id='header2' maxwidgets='4' showaddelement='yes'/>
<div style='clear:both;'/>
</div><!-- end header-wrapper -->
Κάντε Προεπισκόπηση Πρότυπου πρώτα , να δείτε αν όλα είναι εντάξει και ύστερα Αποθηκεύετε το πρότυπο σας .

Το αποτέλεσμα σας θα μοιάζει με την εικονα παραπανω.bloggertrics.blogspot.gr