Πέμπτη, Μαΐου 18, 2006

BLOG-O-HELP (πατήστε εδώ για τη συνέχεια)

Οδηγίες προς μπλογκοναύτες: πώς βάζουμε σύνδεσμο τύπου "πατήστε εδώ για τη συνέχεια"


  • Πηγαίνουμε στο Settings, στην καρτέλα Archiving
    Η επιλογή Enable Post Pages πρέπει να είναι YES


  • Πηγαίνουμε στο Template

    Υπάρχει ένα μεγάλο textbox μέσα στο οποίο είναι όλος ο κώδικας του template.
    Πηγαίνουμε το ποντίκι μέσα εκεί, κάνουμε ένα κλικ, πατάμε Control A (ή δεξί κλικ και Επιλογή Ολων) και μετά Copy (Αντιγραφή)
    Ανοίγουμε ένα Σημειωματάριο (notepad) και κάνουμε Paste (Επικόλληση).
    Τώρα έχουμε όλο το template σου σε ένα αρχείο κειμένου.
    Το αποθηκεύουμε στον υπολογιστή μας με κάποιο όνομα, πχ template20060518.txt
    Το ξανα-αποθηκεύουμε το με το νέο του όνομα, πχ template20060519.txt

    Ετσι, ξέρουμε και πότε κάναμε αλλαγές στο template.


  • Τώρα θα κάνουμε τις αλλαγές και μετά θα ξαναβάλουμε το template στη θέση του.

    Στο notepad βρίσκουμε το κείμενο
    <style type="text/css">

    Είναι συνήθως λίγες γραμμές από την αρχή.

    Στο τέλος αυτής της "εντολής", στο τέλος της γραμμής δηλαδή, πατάμε 2-3 ΕΝΤΕΡ, ώστε να μπουν μερικές κενές γραμμές μεταξύ της γραμμής με το style και της αμέσως επόμενης.

    Ανάμεσα στις κενές γραμμές βάζουμε τις δύο παρακάτω ακριβώς όπως τις βλέπουμε εδώ (με copy/paste):

    <MainOrArchivePage>span.fullpost {display:none;}</MainOrArchivePage>
    <ItemPage>span.fullpost {display:inline;}</ItemPage>


    Μέχρι τώρα ορίσαμε πώς θα χειριστεί ο browser την εντολή για "περισσότερο κείμενο".

    Μέσα στο template, αρκετές γραμμές πιο κάτω, υπάρχει το κείμενο:
    <$BlogItemBody>

    Το βρίσκουμε και πατάμε 2-3 ΕΝΤΕΡ με τον κέρσορα ακριβώς στο τέλος του, ώστε να προστεθούν μετά από αυτό μερικές κενές γραμμές.

    Σε μια από αυτές τις κενές γραμμές βάζουμε το παρακάτω (με copy/paste πάλι, να μη γίνει λάθος - είναι όλο ΜΙΑ γραμμή):

    <MainOrArchivePage><br /><a href="<$BlogItemPermalinkURL$>">Πατήστε εδώ για τη συνέχεια...</a></MainOrArchivePage>

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

    Με αυτό ορίσαμε ΠΟΤΕ θα λειτουργεί αυτό το κολπάκι: στην κεντρική σελίδα και στις σελίδες αρχείου.

    Αποθηκεύουμε το αλλαγμένο template (template20060519.txt).

    Κάνουμε Select All (Επιλογή Ολων) στο νέο template (ή πατάμε contol-A) και επιλέγουμε Copy (Αντιγραφή).
    Στο textbox που βρίσκεται το τρέχον template (στην σελίδα του blogger δηλαδή), σβήνουμε το παληό εντελώς και κάνουμε Paste (Επικόλληση) το καινούργιο.
    Συνεχίζουμε με Save Changes και Republish Your Blog.
    Αν οτιδήποτε πάει στραβά, ξαναπάμε στο template, παίρνουμε το παληό που έχουμε αποθηκεύσει (template20060518.txt) και βάζουμε αυτό στη θέση του "προβληματικού", με ανάλογο τρόπο.


  • Τώρα, μένει ένα πράγμα μόνο. Να ορίσουμε το "διακόπτη" που θα ενεργοποιεί αυτό το κόλπο.

    Οταν γράφουμε ένα μήνυμα, θα χρειαστεί να πατήσουμε Edit Html και να "περικλείσουμε" το κομμάτι του κειμένου που θέλουμε να "κρυφτεί" μεταξύ ενός <span class="fullpost"> και ενός </span>.
    Στο παράδειγμα, έχω βάλει και κείμενο ΜΕΤΑ το τέλος του "κρυμμένου" τμήματος, κάτι που δεν συνηθίζεται, αλλά μπορεί να γίνει, αν για κάποιο λόγο το θέλουμε. Σε κάθε περίπτωση το κομμάτι που θα κρυφτεί είναι αυτό που βρίσκεται μεταξύ των "διακοπτών" span και /span.




Παράδειγμα
Γράφουμε, ενώ είμαστε στο Edit Html:


Το παρακάτω κείμενο μπλα μπλα.

<span class="fullpost">
Κι άλλο μπλα μπλα κρυμμένο!
</span>

Υποσημείωση: μπλα



Αυτό θα εμφανιστεί έτσι στην αρχική σελίδα, με λινκ στη φράση (Πατήστε εδώ για τη συνέχεια...):



Το παρακάτω κείμενο μπλα μπλα.

Υποσημείωση: μπλα

Πατήστε εδώ για τη συνέχεια...



Και έτσι όταν πατηθεί το λινκ (Πατήστε εδώ για τη συνέχεια...):



Το παρακάτω κείμενο μπλα μπλα.

Κι άλλο μπλα μπλα κρυμμένο!

Υποσημείωση: μπλα





Αν θέλουμε το "περισσότερα" να εμφανίζεται ΜΟΝΟ εάν υπάρχουν περισσότερα (δηλαδή μόνο εφόσον έχουμε βάλει το διακόπτη "span class=fullpost"), τότε κάνουμε την παρακάτω αλλαγή:

Οπως παραπάνω, αλλά αντί για αυτό:
<MainOrArchivePage><br /><a href="<$BlogItemPermalinkURL$>">Πατήστε εδώ για τη συνέχεια...</a></MainOrArchivePage>

Βάζουμε αυτό:
<MainOrArchivePage>
<script language="javascript">
if('<$BlogItemBody$>'.toLowerCase().indexOf('<span class="fullpost">')!=-1) document.write('<br /><a href="<$BlogItemPermalinkURL$>">Πατήστε εδώ για τη συνέχεια...</a>')
</script>
</MainOrArchivePage>


Αν το κάνουμε σωστά, το template μας θα δείχνει κάπως έτσι, στην περιοχή του BlogItemBody:

<p><$BlogItemBody$>
<MainOrArchivePage>
<script language="javascript">
if('<$BlogItemBody$>'.toLowerCase().indexOf('<span class="fullpost">')!=-1) document.write('<br /><a href="<$BlogItemPermalinkURL$>">Πατήστε εδώ για τη συνέχεια...</a>')
</script>
</MainOrArchivePage>
</p>


29 Comments:

Blogger Chaca-Khan ΨΙΘΥΡΙΣΕ...

thanx! Μπράβο!
Και τώρα τον κώδικα για : "go to the previous post..
χαχααχα..

18/5/06 12:52  
Blogger Η Κουρούνα ΨΙΘΥΡΙΣΕ...

Μπράβο, καλά έκανες και έβαλες αυτό το ποστ. Είναι πολλοί οι καινούριοι που δεν έχουν μεγάλη σχέση με υπολογιστές και html και ζητούν βοήθεια, ειδικά για το συγκεκριμένο θέμα.

18/5/06 12:53  
Blogger Λαμπρούκος ΨΙΘΥΡΙΣΕ...

Αλομπαρίνο ακόμα και εγώ που ξέρω, δε κατάλαβα! Τώρα είναι που θα σε πρήξους στις ερωτήσεις!

18/5/06 13:12  
Anonymous Phantasmak ΨΙΘΥΡΙΣΕ...

Ξέρεις πότε το "Πατήστε εδώ για τη συνέχεια" μπορεί να μην βγαίνει όταν δεν υπάρχει κρυμμένο text; Δηλ. σε ποστ μιας παραγράφου που δεν υπάρχει λόγος να βρίσκεται το λινκ από κάτω, πώς μπορούμε να το αποτρέψουμε από το να βγαίνει; ΤΟ Blogger λέει ότι μπορείς να το κάνεις, αλλά δεν λέει πώς.

Άσχετο: μήπως συνεργαζόσουν με τη "Στήλη των Hackers" στο Pixel παλιότερα;

18/5/06 13:31  
Blogger morgana ΨΙΘΥΡΙΣΕ...

no! no! no!

δε το κανω!

δε το κανω!!

δε το κανω!!!


θα μεινω πιτουρο for ever!

18/5/06 13:34  
Blogger alombar42 ΨΙΘΥΡΙΣΕ...

Phantasmak, ναι :)

18/5/06 13:39  
Blogger Dark Angel ΨΙΘΥΡΙΣΕ...

Εγώ λέω να κάνω το ανάποδο. Ολόκληρο το κείμενο και ένα "πατήστε για περίληψη"...

:)

18/5/06 13:49  
Anonymous kaltsovrako ΨΙΘΥΡΙΣΕ...

Mια ζωή στουρνάρι θα μείνω.

;(

18/5/06 14:09  
Blogger alombar42 ΨΙΘΥΡΙΣΕ...

Chaka-Chan, σου αρέσει όπως εμφανίζεται εδώ; Μόλις το έφτιαξα :)

18/5/06 14:12  
Blogger maika ΨΙΘΥΡΙΣΕ...

...να τολμήσω???
αρχίζω γλυκά...
μήπως παρακαλώ γίνεται (αν μπορείτε) να πείτε (αν θέλετε) πως μπαίνει και η μουσική στο blog???

καλά μη βαράτε....
είπα αν.....

18/5/06 16:03  
Blogger provato ΨΙΘΥΡΙΣΕ...

χίλια ευχαριστώ που μπήκες στν κόπο να τα γράψεις όλα αυτά και σωστά αλλά και κατανοητά! είσαι έξοχος! μπεεεεράβο!

μπε μπεεε

18/5/06 16:09  
Blogger not me just us ΨΙΘΥΡΙΣΕ...

...πόσο βλαξ νιώθω! χαχαχαχ (μα γιατί γελάω ο βλαξ;;;;)

18/5/06 17:00  
Blogger dora in e-space ΨΙΘΥΡΙΣΕ...

Να σας πω καλέ κύριε ...
Μετάφραση στα Ελληνικά αυτού του ποστακίου πότε θα κάνετε;
Γιατί εμείς οι κάποιας ηλικίας και χαμηλού (κομπιουτερικού) επιπέδου γρυ δεν καταλάβαμε.
Μας σκίσατε δλδ γμτ. ;)

18/5/06 17:15  
Blogger padrazo ΨΙΘΥΡΙΣΕ...

ΠΟΛΛΑ ΕΥΧΑΡΙΣΤΩ ΓΙΑ ΤΟ ΜΑΘΗΜΑ ΚΑΙ ΑΠΟ ΕΜΕΝΑ

18/5/06 18:15  
Blogger i-adespoti ΨΙΘΥΡΙΣΕ...

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

18/5/06 21:19  
Blogger kourkoubini ΨΙΘΥΡΙΣΕ...

Μήπως να το ζωγραφίσω κιόλας;; :p

Πάντως, σωστό το σκεπτικό να φτιάξεις FAQ, αλλά, κάνεις κάτι, κάντο σωστά! Βάλε και κανένα snapshot βρε παιδί μου!
Με 5 printscreens θα είχες γλυτώσει τη παπλωματοθήκη! (κοινώς σεντόνι..)

:p

18/5/06 21:38  
Blogger alombar42 ΨΙΘΥΡΙΣΕ...

Για όσους δεν κατάλαβαν:

Δοκιμάστε να κάνετε τα βήματα όπως ακριβώς τα γράφω. Μην τρομάζετε πριν δοκιμάσετε τις ενέργειες, επειδή έχει "δύσκολες λέξεις"!

Ισως το συμπληρώσω με εικόνες (καλή ιδέα κουρκουμπίνιους)...

18/5/06 22:14  
Blogger Composition Doll ΨΙΘΥΡΙΣΕ...

Μήπως, παρακαλώ, ξέρετε πως μπορούμε να κάνουμε να μας κάτσει ο γκόμενος που θέλουμε?

Επίσης, αν σας είναι εύκολο, να μας πείτε πως βγαίνουν οι λεκέδες από γρασίδι από τα παντελόνια.

Και τέλος, αν δεν κάνω κατάχρηση της καλωσύνης και της υπομονής σας, μήπως θα μπορούσατε να πεταχτείτε από το σπίτι να μας επισκευάσετε κάτι χαλασμένα ρολλά?

19/5/06 00:51  
Blogger Composition Doll ΨΙΘΥΡΙΣΕ...

:ppppppppppppppppppppppppp

19/5/06 00:51  
Blogger Chaca-Khan ΨΙΘΥΡΙΣΕ...

Eίναι τρομερά χρήσιμο αυτό που κάνεις. Ίσως όλα τα τέτοια post που κάνουν διάφοροι κ εξηγούν τα πράγματα ή που φτιάχνουν scriptakia και γενικά να έπρεπε να συγκεντρωθούν σε ένα blog για τους αρχάριους. Ε?
Όσο για το previous post : μ αρέσει. απλά εγώ θα το έβαζα από πάνω νομίζω (αν κ λίγο παράλογο μου φαίνεται συνετότερο : και ναι, είναι)
-και δε θα έλεγα τον τίτλο.
postarε το κι αυτό με την πρώτη ευκαιρία, είσαι τέλειος, άντε γεια τώρα..

19/5/06 04:28  
Blogger epikairos ΨΙΘΥΡΙΣΕ...

Πω πω πολύ ταλαιπωρία.

19/5/06 04:57  
Blogger alombar42 ΨΙΘΥΡΙΣΕ...

Αν θέλουμε το "περισσότερα" να εμφανίζεται ΜΟΝΟ εάν υπάρχουν περισσότερα (δηλαδή μόνο εφόσον έχουμε βάλει το διακόπτη "span class=fullpost"), τότε κάνουμε την παρακάτω αλλαγή:

Αντί για το παρακάτω:
<MainOrArchivePage><br /><a href="<$BlogItemPermalinkURL$>">Πατήστε εδώ για τη συνέχεια...</a></MainOrArchivePage>

Βάζουμε αυτό:
<MainOrArchivePage>
<script language="javascript">
if('<$BlogItemBody$>'.toLowerCase().indexOf('<span class="fullpost">')!=-1) document.write('<br /><a href="<$BlogItemPermalinkURL$>">Πατήστε εδώ για τη συνέχεια...</a>')
</script>
</MainOrArchivePage>


Αν το κάνουμε σωστά, το template μας θα δείχνει κάπως έτσι, στην περιοχή του BlogItemBody:

<p><$BlogItemBody$>
<MainOrArchivePage>
<script language="javascript">
if('<$BlogItemBody$>'.toLowerCase().indexOf('<span class="fullpost">')!=-1) document.write('<br /><a href="<$BlogItemPermalinkURL$>">Πατήστε εδώ για τη συνέχεια...</a>')
</script>
</MainOrArchivePage>
</p>

19/5/06 09:27  
Blogger Composition Doll ΨΙΘΥΡΙΣΕ...

Αν τα κάνω όλα αυτά θα μου κάτσει? Είστε σίγουρος?

19/5/06 12:31  
Blogger Krotkaya ΨΙΘΥΡΙΣΕ...

LOL Dolly! LOL leme!!!

19/5/06 13:05  
Blogger morgana ΨΙΘΥΡΙΣΕ...

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

19/5/06 15:24  
Blogger Darthiir the Abban ΨΙΘΥΡΙΣΕ...

Ποτέ δεν καρτάλαβα την χρησιμότητα αυτού του συνδέσμου.... :s

19/5/06 16:30  
Blogger ellinida ΨΙΘΥΡΙΣΕ...

Εμ κάτι τέτοια λες και έπεσαν πάνω σου σμάρια οι φοιτήτριες να σου ξεσκίσουν τα ρούχα . :)))

19/5/06 23:50  
Blogger aphrodite ΨΙΘΥΡΙΣΕ...

Σε παρακαλώ μπες στο μπλογκ 19.05.06 του ΝΔ ξανά (to kleinei!!!) και γραψ’του. Και στείλ’του και η-μαιηλ. Από καρδιάς. Ας το κανει ό,τι θέλει αν τον κουράζει. Οχι όμως τέτοιο σταμάτημα. Οχι γι’αυτόν τον λόγο. Διάδωσέ το σε όποιον ξέρεις. Προσπαθώ κι εγώ με ό,τι έχω.

20/5/06 00:16  
Blogger Εύστοχος ΨΙΘΥΡΙΣΕ...

εγώ ρε παιδιά δεν Μπορώ να βρω το style type text css
Που στο καλό είναι .Βοηθήστε με γιατί με ενδιαφέρει.Στείλτε μου και e-mail άμα είναι

8/5/08 22:11  

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

<< ΠΙΣΩ