Split Blogger Header in 2 Parts old

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

Όπως θα έχετε παρατηρήσει η επικεφαλίδα μου είναι χωρισμένη σε 2 τμήματα .

Από την μια μεριά είναι η επικεφαλίδα του blog μου και από την άλλη μεριά είναι έξτρα χώρος , όπου μπορώ να προσθέσω κάποιο HTML/ javascript Widget η κάποιο banner .

Λοιπόν , για να γίνει αυτό , είναι πολύ εύκολο





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

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

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

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

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

• Τώρα αντικαταστήστε τον πάνω κώδικα με τον κώδικα που σας δίνω κάτω :

 

#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 …

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

<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

•   Αντικαταστήστε τον πάνω κώδικα με τον κώδικα που σας δίνω παρακάτω :

<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 -->

Κάντε Προεπισκόπηση Πρότυπου πρώτα , να δείτε αν όλα είναι εντάξει και ύστερα Αποθηκεύετε το πρότυπο σας .

Το αποτέλεσμα σας θα μοιάζει με αυτό :