GADGETS FOR BLOGS

Facebook Google plus YouTube Pinterest Tumblr DIIGO Start.me feedburner

ΠΩΣ ΔΙΑΙΡΩ ΤΗΝ ΑΝΑΡΤΗΣΗ ΣΕ 2 ή 3 ΣΤΗΛΕΣ

ΠΩΣ ΔΙΑΙΡΩ ΤΗΝ ΑΝΑΡΤΗΣΗ ΣΕ 2 ή 3 ΣΤΗΛΕΣ 
Για να διαιρέσετε την ανάρτηση σε 2 ή 3 στήλες πατάτε επεξεργασία ανάρτησης και μετά στην μπάρα του editor του blogger πατάτε html για να εμφανιστεί ο κώδικας HTML της ανάρτησης. Σβήνετε τις 2 ή 3 γραμμές που μπορεί να έχει μία νέα ανάρτηση και η σελίδα μένει τελίως κενή από κώδικα. Μετά αντιγράψτε όποιον από τους παρακάτω κώδικες θέλετε αναλόγως πόσες στήλες θέλετε να έχετε. Προσοχή στο πρώτο width: 960px; είναι το συνολικό πλάτος που έχει η ανάρτησή και πρέπει να το αλλάξετε με το σωστό πλάτος ανάρτησης που έχετε.
Το 1ο width: 472px; πρέπει να το αλλάξετε και αυτό και να είναι το 50% του συνολικού πλάτους της ανάρτησής σας μείον (-) (4+4) το padding = 8px λιγότερα. Π.χ. αν έχετε συνολικό πλάτος 700px τότε το 50% αυτού του πλάτους θα είναι 350px, -8px το padding = 342px. Το ίδιο θα κάνετε και με το 2ο width: 471px; Απλά εδώ ίσως χρειαστεί να αφαιρέσετε ακόμα 1px. Αφού κάνετε αυτές τις αλλαγές και επικολλήσετε κάποιον από του δύο κώδικες στην νέα ανάρτηση, πατάτε το κουμπί σύνθεση που βρίσκεται δίπλα από το κουμπί HTML και θα δείτε να έχει χωριστεί ή ανάρτησή σας σε 2 ίσα μέρη τα οποία έχουν στην αρχή τους το Α► και το Β► αντίστοιχα. Μπορείτε να γράψετε το κειμενό σας αμέσως μετά από το Α► ή το Β►αλλά καλύτερα να το έχετε γράψει σε ένα έγραφο του word να το έχετε μορφοποιήσει με χρωματισμένες επικεφαλίδες και μειωμένα κενά παραγράφου και μετά να το επικολλήσετε στο blogger. Αφου γράψετε ή επικολλήσετε το κείμενό σας σβήστε προσεκτικά με το πλήκτρο backspace το Α► και το Β► σώστε την ανάρτηση και είστε έτοιμοι.

ΚΩΔΙΚΑΣ ΓΙΑ 2 ΣΤΗΛΕΣ.
<div style="width: 960px;">
<div style="float: left; padding: 4px;
background-color : #173374; width: 472px;">A►</div>
<div style="float: left; padding: 4px;
background-color : #255720; width: 471px;">B►</div>
<br style="clear: left;"/>
</div>
ΚΩΔΙΚΑΣ ΓΙΑ 3 ΣΤΗΛΕΣ.
<div style="width960px;">
 <div style="float: left; padding: 4px;
background-color : #173374; width: 312px;">A►</div>
 <div style="float: left; padding: 4px;
background-color : #255720; width: 312px;">B►</div>
 <div style="float: left; padding: 4px;
background-color : #661111; width: 311px;">C►</div>
 <br style="clear: left;"/></div>

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".