RSS

ΚΑΝΤΕ ΕΜΦΑΝΕΣ ΕΝΑ ΜΕΡΟΣ ΤΟΥ POST

26 Ιαν.

Η αναγνώστρια του Locus Blogus LoLa ζήτησε να μάθει πως μπορεί, όταν ανεβάζει ένα post, να φαίνεται ένα μέρος της ανάρτησης και ο αναγνώστης για να το δει όλο πρέπει να κάνει κλικ. Τo wordpress δίνει αυτή τη δυνατότητα αλλά το blogspot; Η απάντηση είναι ότι γίνεται αν πειράξουμε λίγο τον κώδικα. Δεν είναι ιδιαίτερα δύσκολο.
Μπαίνουμε στο λογαριασμό μας και από εκεί πάμε πανόπτης, διάταξη και επεξεργασία HTML. πριν προχωρήσουμε παίρνουμε ένα αντίγραφο ασφαλείας (back up) του template. Μετά κάνουμε κλικ στο κουτάκι που βρίσκεται δίπλα στην επέκταση γραφικών στοιχείων προτύπου. Πατάμε Ctrl+F και βρίσκουμε το </head> Ακριβώς πριν απ’ αυτό κάνουμε αντιγραφή – επικόλληση (copy – paste) τον παρακάτω κώδικα.

<script language=’javascript’ src=’http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery-1.2.3.pack.js&#8217; type=’text/javascript’/> <script language=’javascript’ src=’http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery.expander.js&#8217; type=’text/javascript’/> <script type=’text/javascript’> $(document).ready(function() { $(‘.excerpt’).expander({ slicePoint: 280, // default is 100 expandText: ‘[…]’, // default is ‘read more…’ }); }); </script>

Μετά πάμε να βρούμε το παρακάτω κομμάτι του κώδικα:

<div class=’post-body entry-content’> <data:post.body/> <div style=’clear: both;’/> <!– clear for photos floats –> </div>

Αν δυσκολεύεστε με το Ctrl+F βρείτε το <data:post.body/> Η παράγραφος θα βρεθεί κατευθείαν. Μετά έχοντας πατημένο το αριστερό κουμπί από το ποντίκι μας σέρνουμε τον κέρσορα για να τονίσουμε (highlight) την παράγραφο. Δείτε το παρακάτω screenshot.


Το παραπάνω κομμάτι του κώδικα το αντκαθιστούμε, κάνοντας αντιγραφή – επικόλληση (copy – paste), με το παρακάτω κώδικα:

<b:if cond=’data:blog.pageType != «item»‘>
<div class=’excerpt post-body entry-content’>
<data:post.body/>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>
<b:else/>
<div class=’post-body entry-content’>
<data:post.body/>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>
</b:if>

Τώρα πατήστε προεπισκόπηση και αν είστε ευχαριστημένοι πατήστε αποθήκευση (save). Δείτε τα δύο παρακάτω screenshots για να πάρετε μια ιδέα πως θα είναι. Το πρώτο δείχνει ένα μέρος του κειμένου και δεύτερο ολόκληρο αν κάνουμε κλικ στο […] Κάντε κλικ πάνω στις φωτογραφίες για να τις δείτε σε μεγέθυνση.


Advertisements
 
25 Σχόλια

Posted by στο Ιανουαρίου 26, 2009 in BLOG, BLOGGER, BLOGSPOT, HACKS, ΑΝΑΡΤΗΣΗ, POST

 

25 responses to “ΚΑΝΤΕ ΕΜΦΑΝΕΣ ΕΝΑ ΜΕΡΟΣ ΤΟΥ POST

  1. ntebis

    Ιανουαρίου 26, 2009 at 7:35 μμ

    eee a den mporeso na to vro ti tha kano

     
  2. hackaday

    Ιανουαρίου 26, 2009 at 8:17 μμ

    @ntebis Να βρεις ποιο;

     
  3. LoLa

    Ιανουαρίου 26, 2009 at 8:34 μμ

    Σε ευχαριστώ πολύ για την απάντηση! θα το δοκιμάσω αμέσως! 🙂

     
  4. ntebis

    Ιανουαρίου 26, 2009 at 8:48 μμ

    to div class

     
  5. hackaday

    Ιανουαρίου 26, 2009 at 9:10 μμ

    @LoLa Να μου πεις τα αποτελέσματα.@ntebis Έκανες κλικ στο κουτάκι επέκταση γραφικών στοιχείων? Αν ναι πάτα Ctrl+F μαζί. Κάτω θ’ ανοίξει μια μπάρα με ψαχρήρι. Βάλε μέσα στο πλαίσιο αυτό που ψάχνεις και θα στο εμφανήσει κατ’ ευθείαν.

     
  6. apneagr

    Ιανουαρίου 26, 2009 at 11:18 μμ

    όπως πάντα κορυφαίος…

     
  7. hackaday

    Ιανουαρίου 26, 2009 at 11:23 μμ

    @apneagr Να ‘σαι καλά. Το έκανες;

     
  8. MARY

    Ιανουαρίου 27, 2009 at 7:08 πμ

    Αυτή η ανάρτηση αφαιρέθηκε από το συγγραφέα.

     
  9. MARY

    Ιανουαρίου 27, 2009 at 7:12 πμ

    Καταπληκτικό! Δεν φανταζόμουν ότι υπάρχουν τόσα πράγματα που μπορείς να κάνεις. Και η σελίδα σου με μια γρήγορη ματιά που έριξα μου φάνηκε ευχάριστη. Θέλω και εγώ να ρωτήσω σχετικά με κάποιο πρόβλημα που έχω στο blog μου και μετά από σύσταση ενός φίλου,του οδοιπόρου (http://a-kakies.blogspot.com/)βρέθηκα ευτυχώς εδώ (ουδέν κακόν αμοιγές καλού. Το πρόβλημά μου έχει σχέση με τη διάταξη η οποία δεν εμφανίζεται σωστά. Αν δεν σου είναι δύσκολο θα ήμουν υποχρεωμένη αν επισκεπτόσουν τη σελίδα μου για να καταλάβεις ακριβώς τι εννοώ.Ευχαριστώ και χάρηκα!

     
  10. LoLa

    Ιανουαρίου 27, 2009 at 8:13 πμ

    Χμμ… Το έκανα hackaday… αλλά ρε γμτι μου στην προεπισκόπηση δεν φαίνεται κάποια διαφορά. Δοκίμασα να φτιάξω και καινούριο άρθρο μπας και δεν ισχύει αναδρομικά (λέω εγώ τώρα, με το πτωχό ξανθό μου κεφάλι) αλλά τζίφος. Για να έκανα κάτι λάθος δεν παίζει. Ακολούθησα πολύ πιστά τις οδηγίες σου. (puzzled)

     
  11. hackaday

    Ιανουαρίου 27, 2009 at 11:23 πμ

    @MARY Μπήκα και στα δυο blogs που έχεις αλλά δε βλέπω κανένα πρόβλημα με τη διάταξη. Εμέν μια χαρά μου φαίνεται ότι εμφανίζεται.@LoLa Δεν ξανακάνεις τη διαδικασία μήπως σου ξέφυγε κάτι; Εγώ ότι αναρτώ είναι αποτέλεσμα πειραματισμών και αν δεν ε΄μαι σίγουρος ότι έχει αποτέλεσμα δε το βάζω στο blog. Σου δίνω και μια διεύθυνση για να δεις ότι δουλέυει σ’ ενα blog όπου κάνω διάφορα πειράματα. http://locustest1.blogspot.com

     
  12. MARY

    Ιανουαρίου 27, 2009 at 1:44 μμ

    Ευχαριστώ πολύ! Συγνώμη σε έβαλα σε κόπο άδικα.Το πρόβλημα αποκαταστάθηκε μόνο του. Πιθανόν να είχε κολλήσει…Θα σε επισκέπτομαι συχνά.Ευχαριστώ και πάλι.

     
  13. LoLa

    Ιανουαρίου 27, 2009 at 2:06 μμ

    Θα το ξαναδοκιμάσω αργότερα hackaday… Σε ευχαριστώ πολύ πάντως για τον κόπο σου και τον χρόνο σου!

     
  14. ntebis

    Ιανουαρίου 27, 2009 at 3:29 μμ

    pali den epiase se mena. mipos ftaiei oti exo diaforetiko template

     
  15. hackaday

    Ιανουαρίου 27, 2009 at 3:44 μμ

    @MARY Κανένας κόπος μην ανησυχείς. Το σημαντικότερο είναι ότι αποκαταστάθηκε το πρόβλημα που είχες.@LoLa Να μου πεις αποτελέσματα.@ntebis Δε φταίει το template. Μπήκα στο blog ου και είδα ότι έχεις γνήσιο blogspot template. Σίγουρα κάτι κάνεις λάθος ή κάτι σου διαφεύγει.

     
  16. ntebis

    Ιανουαρίου 27, 2009 at 5:17 μμ

    mipos na kano prota apothikeusi kai meta proepiskopisi

     
  17. LoLa

    Ιανουαρίου 27, 2009 at 5:30 μμ

    Όσο κι αν προσπάθησα δεν τα κατάφερα να το φτιάξω. Έψαξα όμως στο διαδίκτυο για εναλλακτικό τρόπο και βρήκα από έναν συνάδελφό σου, εδώ: http://www.blogdoctor.me/2007/02/expandable-post-summaries.htmlέναν άλλο τρόπο, που δεν πιάνει βέβαια αναδρομικά, αλλά δουλεύει.Ρίξε μια ματιά! θα πάρεις φοβερές ιδέες για θεματολογία! :)Σ’ ευχαριστούμε ξανά!

     
  18. hackaday

    Ιανουαρίου 27, 2009 at 6:53 μμ

    @LoLa Το blogdoctor το επισκέφτηκα αλλά όλα είναι παλιά. Όταν ακόμα το Blogspot λεγόταν Blogger και δεν ήταν ιδιοκτησία της Google. Μάλλον πολλά tricks είναι πολύ πιθανό ότι δε δουλεύουν γιατί σαν Blogger δεν υπήρχε το JavaScript. Ο τρόπος που δείχνω εγώ ισχεί για όλα τα posts. Και για τα παλιά και για τα καινούρια. Κρίμα που δεν τα κατάφερες. Πάντως σ’ ευχαριστώ για την πρόταση αλλά θα το αποφύγω για να μη δημιουργήσω προβλήματα στους αναγνώστες. Κάποια trickw ίσως δουλεύουν αλλά για να οτ πειραματιστείς χρειάζεται χρόνος. Φαντάσου τελικά να μη δουλέψουν κιόλας. Δε λέει!@ntebis Δοκίμασε το αφού πάρεις πρώτα back up του κώδικα σου.

     
  19. stamos-dynami

    Ιανουαρίου 31, 2009 at 11:08 πμ

    ΟΛΑ ΩΡΑΙΑ ΚΑΙ ΣΠΟΥΔΑΙΑ από το Α ως το Ωμέγα ….).-~~ Το να παίρνεις την λύπη του άλλου και να του δίνεις χαρά κάνεις μεγάλο καλό .- ~~Το να παίρνεις τη χαρά του άλλου και να δίνεις λύπη κάνεις μεγάλο κακό .- ~~ Ο Θεός από κάθε άνθρωπο που είναι βαπτισμένος , ζητάει : α/ Από την ψυχή , Ορθή πίστη. β/ Από τη γλώσσα , την αλήθεια . και γ/ Από το σώμα , τη σωφροσύνη. .-

     
  20. hackaday

    Ιανουαρίου 31, 2009 at 11:31 πμ

    @stamos-dynami Άσχετο αλλά τεσπα!

     
  21. MARY

    Ιανουαρίου 31, 2009 at 2:57 μμ

    φίλη Lola γειά σου!Προσπάθησα να πετύχω τη μερική εμφάνηση ενός post μου όμως ενώ ακολούθησα πιστά τις οδηγίες, όταν έφτασα στο «πατήστε προεπισκόπηση και αν είστε ευχαριστημένοι…» είδα πάλι το κειμενό μου όπως ήταν και πριν. Δεν είδα τίποτα σαν αυτά που φαίνονται στις φωτογραφίες. Τι δεν κάνω σωστά Χρειάζομαι μάλλον τη βοηθειά σου. Παρακαλώ.

     
  22. sepoliotis

    Μαΐου 26, 2009 at 1:10 πμ

    τελικά με την οδηγία της lola το έλυσα κι εγώ…έκανα ακριβώς οτι μας γράφεις…η άλλη λύση έπαιξε αλλά η δική σου όχι…και ας είναι παλιά.Μάλλον καλό είναι να διορθώσεις το ποστ…Σε κάθε περίπτωση όμως σε ευχαριστούμε για το χρόνο που μας αφιερώνεις για να μας βοηθήσεις…φιλικά sepoliotis

     
  23. hackaday

    Μαΐου 26, 2009 at 7:29 πμ

    @sepoliotis Το post είναι μια χαρά… Σε μένα δούλεψε τέλεια και για το λόγο του αληθές σε παραπέμπω σε ένα δοκιμαστικό blog που έχω όπου εφαρμόζω οτιδήποτε πριν το κάνω ανάρτηση…http://locustest1.blogspot.com

     
  24. Anonymous

    Ιουνίου 25, 2009 at 7:54 πμ

    μαλλον ξεχασες να προσθεσεις καποιο βημα ακομα !!!Δοκιμασα και εγω και δεν δουλεψε, με τα πολλα κατεβασα ενα template που το ειχε ενσωματωμενο αλλα απαλι δε δουλευε ωσπου εβαλα στο post template (βρισκεται στο settings-formatting)επειδη δεν μπαινει η html δειτε το blogdoctor εκει που λεει post modifications και αντικαθιστω τα κειμενα και βγαινει !!Επισης για να δειτε το div πρεπει να πατησετε το κουτακι Expand Widget Template

     
  25. hackaday

    Ιουνίου 25, 2009 at 8:40 πμ

    @Ανώνυμος Ότι ανεβάζω σαν ανάρτηση σ' αυτό το blog πρώτα το δοκιμάζω σε κάποια άλλα που τα έχω για να τεστάρω. Ότι λέω σ'αυτήν την ανάρτηση το εφαρμόζω στο http://locustest1.blogspot.com και μετά το δημοσιεύω. Ειλικρινά δεν καταλαβαίνω πως δούλεψε σ' εμένα ενώ σε μερικούς όχι. Μερικές φορές τα κολπάκια δε βγαίνουν με την πρώτη γιατί κάποιοα templates είναι λίγο πιο πολύπλοκα σε αντίθεση με τα minima που είναι ότι πιο απλό υπάρχει.

     

Σχολιάστε

Εισάγετε τα παρακάτω στοιχεία ή επιλέξτε ένα εικονίδιο για να συνδεθείτε:

Λογότυπο WordPress.com

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό WordPress.com. Αποσύνδεση / Αλλαγή )

Φωτογραφία Twitter

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Twitter. Αποσύνδεση / Αλλαγή )

Φωτογραφία Facebook

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Facebook. Αποσύνδεση / Αλλαγή )

Φωτογραφία Google+

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Google+. Αποσύνδεση / Αλλαγή )

Σύνδεση με %s

 
Αρέσει σε %d bloggers: