Προσθήκη τίτλου ανάρτησης δίπλα στο 'Read More'!

Καλησπέρα στους αναγνώστες του bloggertips.gr

Έχουν γραφτεί κατά καιρούς αναρτήσεις [1, 2, 3] που έχουν να κάνουν με το "read more", δηλαδή τη δυνατότητα που έχουμε να "κόβουμε" τις αναρτήσεις της αρχικής σελίδας, έτσι ώστε να μην πιάνουν τόσο χώρο και να μην αργεί η φόρτωση της σελίδας μας.

Συνήθως, στην αρχική σελίδα, έχουμε μια μικρή περίληψη της ανάρτησης και από κάτω ένα link που λέει κάτι σαν "Συνέχεια του άρθρου", "Διαβάστε περισσότερα" κ.ο.κ.

Σήμερα θα δούμε πως, μαζί με το "Διαβάστε περισσότερα", θα εμφανίζεται δίπλα και ο τίτλος της κάθε ανάρτησης. (DEMO)

Διαδικασία:

1. Σύνδεση στο λογαριασμό blogger
2. Σχεδίαση
3. Επεξεργασία HTML
4. Επέκταση προτύπων γραφικών στοιχείων
5. Πατώντας Ctrl + F αναζητούμε τον παρακάτω κώδικα...

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

... και τον αντικαθιστούμε με τον παρακάτω:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/> <data:post.title /></a>
</div>
</b:if>

(Αν δε βρείτε τον πρώτο κωδικό, δοκιμάστε να αναζητήσετε αρχικά μόνο την πρώτη σειρά και έτσι θα βρείτε τον υπόλοιπο. Αν δεν τον βρείτε πάλι, είτε τον διαγράψατε ή τον επεξεργαστήκατε παλιότερα είτε δεν υπάρχει στο πρότυπο που έχετε.)

6. Πατήστε "Προεπισκόπηση" και αν είναι όλα καλά αποθηκεύετε το πρότυπό σας.

Αυτό ήταν όλο!

Πηγή: http://www.bloggerbuster.com/2011/04/how-to-add-post-titles-to-read-more.html