Read more.....

Το πιο σημαντικό και διαχρονικό blogger trick είναι ο διαχωρισμός των αναρτήσεων με τη λειτουργία του "Read More".Δηλαδή στην αρχική σελίδα να μην φαίνεται όλη η ανάρτηση αλλά ένα μέρος της και για να εμφανιστεί το υπόλοιπο θα πρέπει ο ενδιαφερόμενος να πατήσει το Read more.Το 80% των μπλογκς που ξέρω χρησιμοποιούν αυτό το τέχνασμα.Πρόσφατα μάλιστα ο blogger έδωσε αυτή την δυνατότητα στους χρηστες του.Μιλάω για αυτό το read more που έχει ο blogger.Προσωπικά αυτό δεν μου αρέσει.Προτιμώ το παραδοσιακό read more που χρειάζεται να επέμβουμε στον κώδικα μόνοι μας.
Όποιος θέλει να δει πως θα βάλει το απλό read more στο blog του ας κοιτάξει στο http://johnpatrablog.blogspot.com/2009/07/read-more-blog.html.
Σήμερα θα μιλήσουμε για ένα άλλο θέμα.
Παρακάτω θα βρείτε την απάντηση στην ερώτηση:
"Πώς θα κόβονται οι αναρτήσεις μου αυτόματα?"
Ναι υπάρχει κι αυτή η δυνατότητα.
Προσφέρει 2 πλεονεκτήματα και ένα μειονέκτημα.
Πλεονεκτήματα:
1)Δεν χρειάζεται να κόβεις τις αναρτήσεις σου "χειρονακτικά" αλλά κόβονται αυτόματα.(δηλαδή τα
είναι άχρηστα'δεν θα τα βάζετε εσείς αλλά προστίθονται αυτόματα)
2)Ρυθμίζεις στους πόσους χαρακτήρες θέλεις να κόβονται κι έτσι όλες οι αναρτήσεις σου είναι ομοιόμορφες.(όπως σε μένα)
Μειονεκτήματα:
1)Στο απλό read more καθορίζεις ο ίδιος μέχρι πιο σημείο θα είναι στην αρχική σελίδα η αναρτηση σου.Στο αυτόματο καθορίζεται αυτόματα.

Πάμε τώρα να δούμε πως θα το βάλετε αυτό.

Κάνουμε log in στον blogger account μας,πάμε διάταξη και μετά επεξεργασία html.
Πατάμε "Επέκταση προτύπων γραφικών στοιχείων"
Με τη βοήθεια του ctrl+F βρίσκουμε το

</head>

Αμέσως από κάτω του βάζουμε τον παρακάτω κώδικα:

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://cebong.ipit.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

Note:

Μπορείς να επεξεργαστείς τους παραπάνω κώδικες 'αλλά εγώ σου προτείνω να τα αφήσεις όπως είναι.
Αν θέλεις πάντως να ξέρεις ότι:

summary_noimg = 430; είναι το ύψος της ανάρτησης χωρίς την εικόνα
summary_img = 340; είναι το ύψος της ανάρτησης με την εικόνα
img_thumb_height = 100; το ύψος της εικόνας
img_thumb_width = 120; το πλάτος της εικόνας

Αν θελήσεις να τα αλλάξεις να έχεις υπόψην σου ότι θα πρέπει να αληθεύει πάντα ο παρακάτω τύπος:

summary_noimg - summary_img = img_thumb_height

Ο κάθε νοήμων μπορεί να καταλάβεις γιατί ισχύει αυτός ο τύπος.

Τελος παντων.Ακόμα δε τελειωσαμε.

Βρείτε τον παρακάτω κωδικό:

<data:post.body/>

Αντικαταστήστε τον παραπάνω κωδικό με τον κάτω:

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more &#8220;<data:post.title/>&#8221;</a></span>

</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Αποθηκεύστε το πρότυπο σας και είστε έτοιμοι!
Το βρήκα εδώ