Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

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


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Καλησπέρα στους αναγνώστες του 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
Copyrigths: http://www.bloggertips.gr/


Post by Secra from Web in Greece

Stumble
Delicious
Technorati
Twitter
Facebook

9 comments:

Γιάννης είπε...

Πολλή καλό Συγχαρητήρια.

eleftheria είπε...

Στην προσπάθεια μου να εγκαταστήσω το "read more" κάτι έγινε και μπερδεύτηκαν τα χρώματα της γραμματοσειράς των αναρτήσεων μου. Μήπως ξέρεις τι μπορεί να έχει γίνει και πως μπορώ να επαναφέρω τα χρώματα που είχα;

vag1988 είπε...

Πως μπορω να το καταργησω τον τιτλο διπλα απο το read more?

Secra είπε...

@vag1988
Σβήνεις τον κώδικα που πρόσθεσες (είναι ο 2ος στην ανάρτηση) και στη θέση του βάζεις αυτόν που είχες πριν (κατά πάσα πιθανότητα είναι ο 1ος στην ανάρτηση).

eva είπε...

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

Veronica είπε...

Kαλησπερα! Προσπαθησα να το κανω οπως περιεγραψες, δεν μου πετυχε ομως και το παρατησα. Εβαλα ξανα το αρχικο κατεβατο στο προτυπο, αφαιρεσα το μειμενο απο τη διαμορφωση, αλλα σημερα βλεπω οτι σε καθε αναρτηση υπαρχει το ΔΙΑΒΑΣΤΕ ΠΕΡΙΣΣΟΤΕΡΑ το οποιο φυσικα οδηγει απλα στην αναρτηση (η οποια παρουσιαζεται ολοκληρη στην αρχικη). Προσπαθησα να φορτωσω ξανα το προτυπο που ειχα αποθηκευμενο αλλα παλι τα ιδια...δεν φευγει το ΔΙΑΒΑΣΤΕ ΠΕΡΙΣΣΟΤΕΡΑ απο την καθε αναρτηση. Μπορεις να μου πεις τι κανω λαθος και πως μπορω να το αφαιρεσω? Δεν ειμαι πολυ σχετικη με αυτα οπως καταλαβαινεις αλλα υποτιθεται τα εκανα ολα οπως γραφεις.

Anonymous είπε...

ma gt dn mou petixenei? :/ to vazw ala tpta.. voithiste kapios :/

Νίκος είπε...

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

Εύρεση εργασίας είπε...

Φίλε! Έχω πάθει πλάκα μαζί σου, είσαι 100 τουλάχιστον χρόνια μπροστά. Συνχαρητήρια!

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

Παρακαλούμε τους φίλους αναγνώστες:

ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ

Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.

 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *