Τρεις στήλες στο 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>

Κάνε και μια προεπισκόπηση τώρα για να δεις αν τα έχεις κάνει όλα σωστά μέχρι στιγμής.Αν δεχτεί ο blogger την προεπισκόπηση πάνε όλα καλά.Αν σου βγάλει error(=σφάλμα) τότε κάτι έχεις κάνει λάθος.

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

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

.footer-column {
padding: 10px;
}

6. Αποθήκευσε τώρα το template σου.

Τώρα πήγαινε στα στοιχεία σελίδας και μπορείς να δεις (αν τα έκανες όλα καλά) τις 3 νέες σου στήλες κάτω από τις αναρτήσεις σου.

http://www.bloggertips.gr/