Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

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


Print Friendly and PDFPrintPrint Friendly and PDFPDF


Ένα από τα αγαπημένα μου hacks είναι να δημιουργώ 3 στήλες στο footer(=κάτω μέρος) του blog μου.Εκεί μπορώ να βάζω ότι gadget θέλω.Σας προτείνω να βάλετε κι εσείς 3 στήλες στο footer του blog σας.Ακόμα και να μην θέλετε να βάλετε τίποτα τώρα ,φτιάξτε τις 3 στήλες και όταν θέλετε θα τις έχετε έτοιμες.Παρα είναι εύκολο να τις βάλετε.Δείτε παρακάτω πως!

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

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 νέες σου στήλες κάτω από τις αναρτήσεις σου.

Αν το πέτυχες (ή αν όχι) άφησε μου ένα σχόλιο.

Stumble
Delicious
Technorati
Twitter
Facebook

24 comments:

bloggertips.gr είπε...

test

Coffeemug είπε...

δουλεύει τέλεια όπως και ότι άλλο έχω κάνει στο blog μου και έχω πάρει από σένα. ευχαριστώ πολύ για όλα!
καλημέρα

bloggertips.gr είπε...

εγω σε ευχαροστω φιλε που με επισκεπτεσαι και με τιμας με τα σχολια σου.
ειναι πολυ σημαντικο να αφηνετε σχολια.τωρα π.χ. απο το σχολιο σου βεβαιωθηκα οτι η συγκεκριμενη αναρτηση δεν περιεχει καποιο λαθος.
καλη σου μερα

ΚΡΕΣΦΟΝΤΗΣ είπε...

Φίλε μου καλέ, αφού σε ευχαριστήσω για όλα όσα μας έχεις δώσει κι έχω πάρει από σένα, θα ήθελα να σου πω ότι αυτό το hack είναι το μόνο που δε μου δουλεύει, και το ήθελα τόσο... Δε μπορώ να εντοπίσω τι δεν "κάθεται" καλά. Κάνω αντκατάσταση του πρώτου κώδικα HTML αλλά δεν... Αν μπορούσες να "σπρώξεις" λιγάκι...
Η διεύθυνση της σελίδας μου είναι http://meropitopik.blogspot.com/

bloggertips.gr είπε...

καλησπερα φιλε,

ειδα τη σελιδα σου.αληθεια ειναι οτι εχεις και ενα οχι τοσο συνηθες προτυπο.ισως φταει αυτο.
αλλα για να μαι σιγουρος θελω να σε ρωτησω κατι.απο που και μετα σου κολλαει?
τον πρωτο κωδικα τον βρισκεις?
και οταν κανεις την αντικατασταση.
απο εκει και μετα εχεις το προβλημα?

ΚΡΕΣΦΟΝΤΗΣ είπε...

Ακριβώς αυτό! μου βρίσκει τον πρωτο κώδικα, κανοντας αντικατάσταση στον δεύτερο (υπάρχει ενα κενό διάστημα μεσα στον δεύτερο κώδικά μου,)στη προεπισκόπιση μου βγάζει σφάλμα..

Έτσι κι αλλιώς πάντως, χίλια ευχαριστώ και συγχαρητήρια!

bloggertips.gr είπε...

ναι ειναι απλο
δεν το δεχεται το προτυπο σου.
και εμενα μου ειχε συμβει στο παλιο μου προτυπο.

Diomidis είπε...

φιλε μου συμβαινει το εξης παραξενο. δοκιμασα τα παραπανω στο τεστ-blog που εχω ( http://diomidis69best.blogspot.com/ )και ολα δουλευουν τελεια. πηγα μετα να το κανω στο κανονικο blog ( http://diomidis69.blogspot.com/ ) και δεν τα καταφερνω, αν και κανω ακριβως τα ιδια πραγματα, τι λες να γινετε?

Diomidis είπε...

ξεχασα να σου οτι και τα δυο blogs εχουν το ιδιο template

bloggertips.gr είπε...

Λοιπόν καταρχίν να πω ότι το πρόβλημά σου σχετίζεται άμεσα με το πρόβλημα του "ΚΡΕΣΦΟΝΤΗ" που άφησε το παραπάνω σχόλιο.
Λοιπόν δεν είσαι ο μόνος Διομήδη που του συμβαίνει αυτό.Όπως είπα και στον ΚΡΕΣΦΟΝΤΗ και εγώ στο παλιό μου πρότυπο το ίδιο είχα πάθει.είχα δύο blogs με το ίδιο πρότυπο και ενώ στο ένα μου έβγαινε δεν μου έβγαινε στο κανονικό μου.δεν καταλάβαινα τι έκανα λάθος.έστελνα μαιλς συνέχεια στους ξένους μεγάλους bloggers να μου λύσουν το πρόβλημά μου και μου έλεγαν συνέχεια ότι κάτι είχα κάνει λάθος.απογοητευμένος εγώ πια τα παράτησα.αλλα μετά από 1-2 μήνες που πήγα να το ξαναδοκιμάσω πέτυχε!ξαφνικά!
και δεν ξερω πως εγινε.
σε αυτην την αναρτηση αν δειτε το πρωτο σχολιο θα διαπισωσετε οτι καποιος καταφερε και το εκανε.αρα δεν περιεχει λαθος η αναρτηση.
τωρα για εσας εχει συμβει το ιδιο οπως σε μενα.
δεν ξερω τι φταει/
λογικα εχετε κανει κατι αλλο και δεν δεχεται και αυτο.
πιο ειναι τωρα το αλλο δεν ξερω.
ειναι μπερδεμα.
αρα κλεινοντας να σας προτεινω να το ξεχασετε προς το παρων και ξαναδοκιμαστε μετα απο κανεναν μηνα μηπως ειστε τυχεροι.
καλο σας βραδυ

Diomidis είπε...

ναι δουλευει, αφου και σε μενα δουλεψε στο test blog! τι να πω, θα ακολουθησω τη συνβουλη σου!!! 1000 ευχαριστω!

bloggertips.gr είπε...

τιποτα
να σαι καλα

TwistedTool είπε...

Χαιρετώ κι εγώ!
Πρώτα πρώτα ευχαριστώ και γι'αυτό το ωραίο κόλπο John!

Στο θέμα μας τώρα, εμένα δούλεψε μια χαρά. Έχω το minima black template.

Στην αρχή δε δούλευε και πρόσεξα ότι έφταιγε το γεγονός ότι είχα ήδη gadget(s) στο footer, οπόταν κάτι γινόταν λάθος με τον html νομίζω.

Μετακίνησα τα gadgets αριστερά και δεξιά, έφτιαξα τις 3 στήλες στο footer και μετακίνησα ξανά τα gadgets μου κάτω!

Δοκιμάστε το, ίσως δουλέψει!

Ευχαριστώ και πάλι ;)

Υ.Γ.: Για όποιον θέλει να κάνει ένα check, το link είναι http://atwistedblog.blogspot.com .

SKANDALOS είπε...

Με το πρότυπο ΤΕΚΚΑ τι γίνεται;
Τι πρέπει να κάνω;

SKANDALOS είπε...

Με το πρότυπο ΤΕΚΚΑ τι γίνεται;
Τι πρέπει να κάνω;

bloggertips.gr είπε...

δεν θα σου πω το ευκολο οτι το ΤΕΚΚΑ δεν το δεχεται γιατι θα ειναι ψεμα...τα ΠΑΝΤΑ γινονται στο blogging και στους κωδικους...αλλα σε αυτην την περιπτωση δεν ξερω..λογικα θα θελει αλλον κωδικα...δεν ξερω αλλα

Euzonas είπε...

Δεν ήταν δυνατή η ανάλυση του προτύπου σας, επειδή δεν είναι σωστά μορφοποιημένο. Βεβαιωθείτε ότι όλα τα στοιχεία XML είναι σωστά κλεισμένα.
Μήνυμα σφάλματος XML: The element type "div" must be terminated by the matching end-tag "

ΣΕ μένα εχει αντι για
αυτό

Ευχαριστώ και pali
( το Template mou einai to minima dark
Psaxnw tin dimosieysi me tin stili de3ia ton anartisevn gia na grapsw oti petyxe se minima dark....:()

bloggertips.gr είπε...

διαβασε τα πρωτα σχολια πανω και θα καταλαβεις.αλλοι το εχουν καταφερει αλλοι οχι.

Euzonas είπε...

Tha dokimasw ayto pou leei o Twisted...!xD!

Euzonas είπε...

Ok ...>! Ola kala :)!

Ανώνυμος είπε...

ο TwistedTool εχει δικιο.κι εγω εφαγα πολυ ωρα μεχρι που ειδα το σχολιο του.οντως δουλεψε.αν μετακινησεις τα αποθηκευμενα απο κατω και το κανεις δουλευει τελεια.ευχαριστω

bakoterma είπε...

Μπορούμε να βάλουμε και αλλες τρεις στήλες?και αν ναι πως????

bloggertips.gr είπε...

@bakoterma τι εννοεις δηλαδη?

Ποίηση και Λογοτεχνία είπε...

Πρέπει να είναι πράγματι πολύ χρήσιμο gadget. Εμένα πάντως δεν μου βρίσκει καθόλου τον κώδικα με το κίτρινο χρώμα για να τον αντικαταστήσω. Αν ξέρεις τι μπορεί να συμβαίνει θα με βοηθούσε πολύ.

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

Παρακαλούμε τους φίλους αναγνώστες:

ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ

Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.

 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *