Τρεις στήλες στο footer (στο κάτω μέρος του blog)

Τρεις στήλες στο footer (στο κάτω μέρος του blog)

1. Σύνδεση στον blogger account σας

2. Από τον Πανόπτη πατήστε Διάταξη και πηγαίνετε στην Επεξεργασία html

3. Αφού κάνεις ένα back up για ασφάλεια βρες τους παρακάτω κώδικες
(με τη βοήθεια πάντα του Ctrl + F)

<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>

4. Τώρα αντικατέστησε τον κίτρινο κώδικα με τον παρακάτω κώδικα:

<div id='footer-column-container'>

<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>

<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>

<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>

</div>
<div style='clear:both;'/>

</div>

5. Βρες τώρα το </b:skin> και βάλε από πάνω του τους παρακάτω κωδικούς:

#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}

6. Αποθήκευσε