Πως εφαρμόζουμε το "Read more!" ή το "Διαβάστε περισσότερα" στο blog μας ,ώστε να είναι εμφανές ένα μέρος της ανάρτησής μας? - UPDATED στις 26/8/09

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

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

1)Σύνδεση στον λογαριασμό μας στον blogger.com και πάμε στον πανόπτη μας



2)Πατάμε "Διάταξη"

3)Πατάμε "Επεξεργασία html"

4)"Λήψη πλήρους προτύπου" για κάθε ενδεχόμενο

5)Πατάμε στο πληκτρολόγιό μας ctrl + F ταυτόχρονα για να ανοίξει το γνωστό πια παραθυράκι αναζήτησης στο πρόγραμμα περιήγησής μας στο διαδίκτυο(εννοώ το mozilla ή το explorer)

6)Εκεί μέσα γράφουμε και αναζητούμε το </head>



7)Αφού το βρούμε κάνουμε αντιγραφή και μετά επικόλληση τον παρακάτω κώδικα και τον τοποθετούμε αμέσως από πάνω του ,δηλαδή πριν από αυτό.

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

8)Αποθήκευση προτύπου

9)Τσεκάρουμε τώρα το τετραγωνάκι που λέει "Επέκταση προτύπων γραφικών στοιχείων"



10)Τώρα ψάχνουμε να βρούμε το <data:post.body/>

11)Αφού το βρούμε βάζουμε τον παρακάτω κώδικα αμέσως μετά από το <data:post.body/> ,δηλαδή από κάτω του

<b:if cond='data:blog.pageType != "item"'>
<span style="font-weight:bold;"><span ><a expr:href='data:post.url' target='_blank'>Διαβάστε περισσότερα...</a></span></span>
</b:if>

(UPDATE 26/8/09:Πολλοί αναγνώστες με ρώτησαν γιατί ανοίγει το "read more" σε νέα καρτέλα και όχι στην ίδια.Για αυτόν τον λόγο κάνω αυτό το update σήμερα.Όπως είναι ο παραπάνω κώδικας κάνει το "read more" να ανοίγει σε νέα καρτέλα και όχι στην ίδια.Αν δεν θέλετε να ανοίγει σε νέα καρτέλα αφαιρέστε από τον παραπάνω κώδικα το target='_blank' .Αυτό κάνει το read more να ανοίγει σε νέα καρτέλα.Αν δεν υπάρχει αυτό τότε ανοίγει στην ίδια καρτέλα.)

Φυσικά αν θες αλλάζεις το "Διαβάστε περισσότερα!" και βάζεις ότι σου αρέσει.
Προτείνω μερικές άλλες λύσεις:

"Read more!"
"Δείτε το υπόλοιπο αυτής της ανάρτησης."
"Διαβάστε περισσότερα για αυτό το θέμα."

Μπορείτε να σκεφτείτε κι εσείς όσα θέλετε.

12)Αποθήκευση προτύπου

13)Ακόμα δεν τελειώσαμε.Βλέπετε τώρα αριστερά από τη "διάταξη" που λέει "ρυθμίσεις"? Κάνουμε κλικ στις ρυθμίσεις.



14)Στις καρτέλες πατάμε "Διαμόρφωση"

15)Κάτω - κάτω βρίσκουμε τη ρύθμιση που λέγεται "Πρότυπο Ανάρτησης"

16)Στο κενό πεδίο που υπάρχει στα δεξιά επικολλούμε τον παρακάτω κώδικα

Εδώ γράφουμε αυτά που θέλουμε να εμφανίζονται στην αρχική μας σελίδα.
<span class="fullpost">
Εδώ γράφουμε αυτά που θέλουμε να εμφανίζονται μετά το "Διαβάστε περισσότερα".
</span>

17)Αποθήκευση ρυθμίσεων και είστε έτοιμοι!


Είστε έτοιμοι τώρα αλλά πρέπει να διαβάστε προσεκτικά τα παρακάτω για να καταλάβετε πως λειτουργεί.

Πως δουλεύει το "Διαβάστε περισσότερα"?

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

Πείτε πως θέλουμε να δημοσιεύσουμε την παρακάτω πρόταση:

<<Ο καιρός σήμερα θα είναι ... ζεστός!>>

Πείτε πως θέλουμε να εμφανίζεται στην αρχική σελίδα το παρακάτω κομμάτι της πρότασης:

<<Ο καιρός σήμερα θα είναι ...>>

και το άλλο κομμάτι της πρότασης να εμφανίζεται αφού ο επισκέπτης μας πατήσει το "Διαβάστε περισσότερα".

Καταρχίν πάμε εκεί που πάμε κάθε φορά για να δημοσιεύσουμε κάθε ανάρτησή μας.

Βλέπετε πάνω δεξιά από εκεί που γράφουμε την ανάρτησή μας που λέει "Σύνθεση" και "Επεξεργασία html"

Πατήστε "Επεξεργασία html"

Θα δείτε τα παρακάτω:



Εδώ γράφουμε αυτά που θέλουμε να εμφανίζονται στην αρχική μας σελίδα.
<span class="fullpost">
Εδώ γράφουμε αυτά που θέλουμε να εμφανίζονται μετά το "Διαβάστε περισσότερα".
</span>

Εκεί που λέει "Εδώ γράφουμε αυτά που θέλουμε να εμφανίζονται στην αρχική μας σελίδα." γράφουμε το "<<Ο καιρός σήμερα θα είναι ...>>"

Εκεί που λέει "Εδώ γράφουμε αυτά που θέλουμε να εμφανίζονται μετά το "Διαβάστε περισσότερα"." γράφουμε το "<<ζεστός!>>"

Πατάμε δημοσίευση ανάρτησης και η πρόταση αυτή θα εμφανίζεται όπως θέλαμε.

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

Σας συμβουλεύω επίσης να μην βάζετε ποτέ videos στην αρχική σας σελίδα γιατί αργούν πολύ να φορτώσουν.


Άφησε μου ένα σχόλιο και πες μου τις εντυπώσεις σου.