Διαβάστε Περισσότερα/Read More Function (Μή αυτόματη μέθοδος)

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

Ακολουθήστε τα παρακάτω βήματα με αρκετή προσοχή μην γίνουν λάθη:

1) Σύνδεση στον blogger

2) Πρότυπο

3) Επεξεργασία HTML

4) Με την βοήθεια του CTRL + F, βρες το:

</head>

5) Αφού βρεις το </head> ακριβώς από πάνω του, βάλε τον παρακάτω κώδικα:

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

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

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


8) Με την βοήθεια του CTRL + F ψάχνουμε να βρούμε το <data:post.body/>

9) Ακριβώς από κάτω από το <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>

To Τarget='_blank' είναι για να ανοίγει σε καινούργια σελίδα. Μπορείς και να το διαγράψεις.
 
Το Διαβάστε Περισσότερα μπορείς να το αλλάξεις ή να το αφήσεις ίδιο.


10) Στη συνέχεια θα πας: Ρυθμίσεις > Διαμόρφωση και μετά κάτω-κάτω θα δεις αυτό:

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

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

Τώρα, κάθε φορά που θα κάνεις μια καινούργια ανάρτηση θα το έχεις έτοιμο :)