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>