Hi! Welcome...

Premium Blogger Template
FREE Premium Blogger Templates
Μοναδικά Free Blogger πρότυπα για το blog σας
Slimbox 2.02 με jquery-1.3.2 στο Bloggspot .
Πώς να εγκαταστήσετε SlimBox σε Blogger
ΙmgBox
Για να παρουσιάσετε τις εικόνες σας με στυλ !!!
31 καλυτέρα Blogger Widgets και addon
Κατάλογος συνδέσμων όπου μπορείτε να ανακαλύψετε περισσότερα widgets για το blog σας.
1 2 3 4 5

Δευτέρα, Δεκεμβρίου 7

15

Δημιουργήστε 3 στήλες στο footer τμήμα του blog σας .

   Όπως θα έχετε δει σε πολλά blogs , στο κάτω μέρος αυτών των  blog  υπάρχουν τρεις στήλες στο  footer τμήμα  .
Στα περισσότερα πρότυπα που μας δίνει το blogger , όμως υπάρχει μόνο μια στήλη στο footer τμήμα του πρότυπου . Και στο κάτω κάτω , αν δεν χρησιμοποιείτε τα πρότυπα του blogger , μπορεί να θέλετε να το αλλάξετε και λιγάκι Idea
   Τώρα μπορείτε  αν  θελήσετε να προσθέσετε 3 στήλες στο τμήμα του footer του πρότυπου σας .
Έτσι κρατώντας τα  sidebars σας καθαρά , κάνετε το blog σας να φαίνονται μεγαλύτερο , αλλά δημιουργείτε κίνηση  και κρατάτε τα blog σας πιο κομψά .

  Σε αυτή την  ανάρτηση θα εξηγήσω πώς να προσθέσουμε 3 στήλες στο footer τμήμα του blog :





  Μετακινήστε gadgets σας από το τμήμα του footer  σε πλαϊνή μπάρα σας.

  •   Κάνετε Λήψη πλήρους προτύπου , πάντα πριν κάνετε οποιαδήποτε ενέργεια 
  •   Πηγαίνετε  Διάταξη >> Επεξεργασία HTML >> Επέκταση προτύπων γραφικών στοιχείων
  •   Βρείτε την ετικέτα   ]]></b:skin> , η οποία είναι το τμήμα  , όπου το στυλ του πρότυπου σας τελειώνει.
 Αμέσως πριν από αυτή τη γραμμή, προσθέστε τις ακόλουθες γραμμές κώδικα:
#footer-column-container { clear:both; }
.footer-column { padding: 10px; }

  •   Βρείτε τον παρακάτω κώδικα :

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

  •   Αντικαταστήστε την παραπάνω γραμμή με τον κώδικα που σας δίνω παρακάτω :
<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>

 Κάντε Προεπισκόπηση πρώτα , για τυχών  λάθη και μετά  αποθηκεύετε το πρότυπο σας .


  • Πηγαίνετε στο Στοιχεία Σελίδας , θα δείτε ότι υπάρχουν τρεις στήλες, στο  χαμηλότερο σημείο του προτύπου .

Καλή επιτυχία σε όλους  .  smile_wink   Αν έχετε κάποιο πρόβλημα αφήστε μου ένα σχόλιο και θα  σας απαντήσω όσο ποιο σύντομα μπορώ  .


Update : Επειδή παρατηρώ ότι πολλοί έχετε κάποια προβλήματα στο να εντοπίσετε τον κωδικα


<b:section class='footer' id='footer'/>
Για να εντοπίσετε πιο ευκολα τον συγκεκριμένο κωδικα ψάξετε στον πηγαίο κώδικα HTML για το :
<div id="footer-wrapper">
<b:section class="footer" id="footer"/>
</div>
Και αντικαταστήστε το <b:section class='footer' id='footer'/>
με τον κώδικα που δίνω παραπάνω

15:

Panagiotis Mitsobonos είπε...

Καλησπέρα! τυχαία μπήκα στο blog σου και θέλω να σε συγχαρώ για τη δουλειά που κάνεις. Είμαι καινούργιος blogger και όλα αυτά μου φαίνονται πολύ δύσκολα αλλά και διασκεδαστικά. θα ήθελα (αν γίνεται και αν καταφέρω να το κάνω χωρίς να διαλύσω το blog μου) να με βοηθήσεις να βάλω τις τρεις στήλες κάτω από την είδη υπάρχουσα μονή στήλη στον πάτο του blog.Θέλω επίσης να σε ευχαριστήσω εκ των προτέρων καθως επίσης και για το Scrolling text που το πήρα από σένα.
καλή συνεχεία και κάλο κουράγιο και καλές γιορτές.!
Παναγιώτης
Υ.Γ. θα προσπαθήσω να στείλω και μια εικόνα για να γίνω πιο κατανοητός.<img style="cursor: pointer;" src="http://js-kit.com/blob/FStv_HJNwMvGQ0maHg7F3B.jpg"/>

bloggertrics είπε...

Καλησπερα Παναγιώτη , καλώς  σε και χρόνια πολλά ..
Αν ακολουθήσεις τα βήματα που περιγράφω παραπάνω , θα τα καταφέρεις πολύ εύκολα πιστεύω , αν χρειαστείς βοήθεια , μην διστασεις να επικοινωνήσεις μαζί μου για ότι χρειαστείς . :-D

Panagiotis Mitsobonos είπε...

Δεν κατάλαβα τι ακριβώς θα κάνω. Εγώ θέλω να προσθέσω τρεις στήλες κάτω από την ήδη υπάρχουσα
μια στήλη στο footer τμήμα του πρότυπου. και όχι να αντικαταστήσω την ήδη υπάρχουσα με τρεις νέες  στήλες.
Συγχώρεσέμε αν είμαι λίγο αργός!
Και πάλι σε ευχαριστώ και σου εύχομαι καλές γιορτές

bloggertrics είπε...

Καλησπέρα Παναγιώτη
 Σου στέλνω με mail αναλυτικές οδηγίες και  μην ανησυχείς αυτή η μέθοδος δεν αντικαθιστά τις ήδη υπάρχουσες στήλες , απλά προσθέτει και άλλες .

Χρόνια πολλά και καλά Χριστούγεννα

Voula. είπε...

Καλησπέρα έχω κάνει τα πάντα σωστά (έτσι νομίζω). Αλλά μου βγάζει το εξής μήνυμα

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

Ευχαριστώ
Βούλα

bloggertrics είπε...

Καλησπέρα Voula

Μάλλον κάτι έκανες λιγουλάκι λάθος  *DONT_KNOW* , γι ' αυτό σου βγάζει αυτό το μήνυμα .

Καν' το από την αρχή και  αντικατάστησε μόνο αυτήν την γραμμή <b:section class='footer' id='footer'/>  με τον κωδικά που είναι  γραμμένος από κάτω .

ΑΝ πάλι σου βγάζει το ίδιο μήνυμα δοκίμασε να βάλεις κάτω από τον τελευταίο κώδικα μια ακόμη γραμμή :  </div>  


Αν χρειαστείς κάτι μην διστασεις να επικοινωνήσεις μαζί μου 
Καλή επιτυχία   :-D

Chris είπε...

Καλημέρα ,συγχαρητήρια για την εξαιρετική δουλεία.Εγώ έχω το εξής πρόβλημα,όταν πάω να αναζητήσω το στοιχείο <span><b:section> δε μου βρίσκει καθόλου.</b:section></span>

bloggertrics είπε...

@ Chris

Καλησπερα σου και καλή σαρακοστή να έχεις
<span></span>


Μάλλον θα χρησιμοποιείς  Custom Blogger Template , γι αυτό δεν βρίσκεις ακριβώς αυτό το στοιχείο .
  Ψάξε για κάτι που να μοιάζει με αυτόν τον κωδικό , συνήθως αυτός ο κώδικας βρίσκεται προς το τέλος του προτύπου μας !

Αν μου έλεγες και ποιο πρότυπο χρησιμοποιείς θα ήταν πολύ πιο εύκολο να σε βοηθήσω :-E

Ψαξε για παράδειγμα για αυτά :


  <div> 

Η για αυτο :

<b:section>


</b:section></div>

XRHSTOS FRIK είπε...

DEN MPORESA NA BALW TRITH STILI ME TO PARAPANW... :(

bloggertrics είπε...

Καλησπερα σου XRHSTOS 

Ποιο  ακριβως ηταν το προβλημα που συναντησες και δεν μπορεσες να το κανεις ;

XRHSTOS FRIK είπε...

paidia opoios mporei na mou steilei ena mail me ton kodika gia triti stili kai an mporei na mou eksigisei ligo pws to bazoume (ti diagrafoume kai ti epikoloume) mpenw sto www.blogger.com k to mail m spacefm@gmail.com efxaristw paides

bloggertrics είπε...

@ XRHSTOS FRIK

O κώδικας που χρειάζεσαι για να βάλεις 3 στήλες  και όλες οι οδηγίες για το πως να το κάνεις , είναι γραμμένα ολα  πάνω στην ανάρτηση αναλυτικά  !

Ακολούθησε τα βήματα που γράφω απλά !!!!!

Φουρνιωτης είπε...

ΣΟΦΙΑ ΓΙΑ ΣΟΥ ΜΟΥ ΒΓΑΖΕΙ ΟΤΙ ΔΕΝ ΕΙΝΑΙ ΣΩΣΤΑ ΚΛΕΙΣΜΕΝΟ

bloggertrics είπε...

<span>Πρωτα μετακίνησε απο το footer σου οτι gadget εχεις εκει και μετα θα κανεις αντικατάσταση του κωδικα .αλλιώς δεν θα πετύχει και θα σου βγαζει συνέχεια λαθος .  
 
Μετα βρες αυτον τον κωδικα :  

<pre></pre><div>
 
<b:section></b:section>
 
</div>

και αντικατάστησε μονο την γραμμη αυτη :
<b:section></b:section>

 
με τον κωδικα που γραφω πανω στην ανάρτηση .
Ειναι πολυ σημαντικό να αντικαταστήσεις μονο αυτην την γραμμη ,
αλλιως θα σου βγάζει λαθος παλι.
</span>

jolly είπε...

Σοφία καλή σου μέρα....θάθελα να μου πεις αν μπορείς, γιατί πρέπε να δημιουργηθούν 3 στήλες(στο κάτω μέρος) στο footer του blog? Aυτό που θα μας χρησιμεύσει;  εγώ είχα την εντύπωση πως τα home, ..about me...tags.....και τα λοιπα πάνε με τη μορφή του οριζόντιου μενού , κάτω από την κεφαλίδα του blog. Δεν ξέρω αν κατάλαβες, αλλά είμαι αρχάρια και δεν καταλαβαίνω ..αυτό το κομμάτι....καθόλου...πως δηλαδή θα δημιουργήσω οριζόντιο μενού που θα βάλω εκεί και τα κουμπιά που έχω αποθηκεύσει στον υπολογιστή μου.. πως δηλαδή θα φτιάξω σελίδες που πατώντας επάνω σε οδήγει σε άλλο παράθυρο ,,

 

© 2010 Bloggertrics

WordPress Theme by: WooThemes. | Converted into Blogger Templates by : Bloggertrics

ΑΡΧΙΚΗ| Sitemap| Posts RSS