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

Automatic Read More Function in Blogger Posts - Αυτόματο "Διαβάστε περισσότερα..." (UPDATE 2011)


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Γεια σας.

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

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

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


</head>

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

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}


//]]>
</script>

Εδώ όπως θα δείτε, μπορούμε (και πρέπει ίσως ) να χρησιμοποιήσουμε 'μεταβλητές' παραμέτρους στον παραπάνω κώδικα. Εδώ σας εξηγώ ποιές και τι κάνει η κάθε μία:

var thumbnail_mode = "float" ; — Με αυτήν την μεταβλητή, αποφασίζετε εάν το εικονίδιο που θα εμφανίζεται στην ανάρτησή σας, θα κάνει "float" αριστερά (float), ή θα εμφανίζεται απλά 'άτακτα΄ στην ανάρτηση (οπότε αλάξτε το και κάντε το: no-float).
summary_noimg = 250; — Προσδιορίζει πόσοι χαρακτήρες θα εμφανίζονται σε μια ανάρτηση, η οποία δεν έχει εικόνα (no images/thumbnail) Στην περίπτωσή μας, είναι 250.
summary_img = 250; — Προσδιορίζει πόσοι χαρακτήρες θα εμφανίζονται σε μια ανάρτηση, η οποία έχει εικόνα (with images/thumbnail) Στην περίπτωσή μας, είναι 250 και πάλι.
img_thumb_height = 120; — Εικονίδια (Thumbnails) Ύψος (height) σε pixels.
img_thumb_width = 120; — Εικονίδια (Thumbnails) Πλάτος (with) σε pixels.

Ακόμα δε τελειωσαμε.

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


<data:post.body/>


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

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary-" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary-<data:post.id/>");</script>
<a class='readmore' expr:href='data:post.url'>Read more »</a>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Το "Read more »" μπορείτε να το αλλάξετε με κείμενο της αρεσκείας σας.


Βρείτε τώρα το </b:skin> και πριν από αυτό επικολλήστε το παρακάτω:

a.readmore {
/* CSS properties go here */
}

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

Πηγές: Κωδικοί και μέρος της ανάρτησης από http://nikos63.blogspot.com/
Copyrights: http://bloggertips.gr/

Stumble
Delicious
Technorati
Twitter
Facebook

50 comments:

humanity είπε...

ΣΑΣ ΤΟ ΕΧΩ ΞΑΝΑΓΡΑΨΕΙ!!!
ΕΙΣΑΣΤΕ ΘΗΣΑΥΡΟΙ!!!
ΠΑΡ ΟΛΟ,ΠΟΥ ΕΙΜΑΙ.."ΣΤΡΑΒΑΔΙ",ΑΡΧΙΖΩ ΚΑΙ ΒΡΙΣΚΩ ΤΟ ΦΩΣ ΜΟΥ!!
ΣΥΓΧΑΡΗΤΗΡΙΑ ΚΑΙ ΣΤΟΥΣ 2 ΣΑΣ!!

pliroforiodotis είπε...

Έχω ένα πρόβλημα,ο δεύτερος κωδικός που δίνεις να βρούμε στο δικό μου template δεν υπάρχει,που το κάνω επικόλληση???

bloggertips.gr είπε...

καλησπερα humanity!

bloggertips.gr είπε...

pliroforiodoti δεν μπορεις να βρεις το data:post.body/ ?
πατησες "Επέκταση προτύπων γραφικών στοιχείων"?

akounadeis.com είπε...

katapliktiko paidia.
kai genika olh h douleia sas.

keep walking

Σιγαλας Μακαριος είπε...

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

bloggertips.gr είπε...

Το πρότυπο παίζει ρόλο. Πάντως οι οδηγίες που δίνονται σε αυτη την αναρτηση ειναι επαληθευμενα σωστές.

η Τοξότισσα είπε...

Καλησπέρα, πήρα το read more που δίνεις και το προσάρμοσα δίχως δυσκολία όπως το εξηγείς. Όμως θα μπορούσες να μου πεις, πως μπορώ να κάνω το κέιμενο της συντόμευσης να είναι πέρα ως πέρα στοιχισμένο και όχι αριστερά όπως εμφανίζεται τώρα?

ΧΑΡΑΛΑΜΠΟΣ Ν. ΣΤΕΦΑΝΙΔΗΣ είπε...

Kαλημέρα, εγώ έχω το readmore to οποίο ανοίγει κανονικά στίς αναρτήσεις της αρχικής σελίδας του blog , όμως επειδή έχω τοποθετήσει πέρα από την αρχική σελίδα και άλλες σελίδες (έως 10 σύνολο επιτρέπεται από τον blogger) στις υπόλοιπες σελίδες (εκτός της αρχικής) κλικάροντας το readmore σε μια ανάρτηση δεν λειτουργεί και δεν ανοίγει το περιεχόμενο της ανάρτησης,
αν το έχεις αντιμετωπίσει ή έστω το έχεις ακούσει , μήπως υπάρχει καμιά λύση ;;; γιατί πλέον δεν μπορώ να χρησιμοποιήσω την δυνατότητα τοποθέτησης νέων σελίδων εφόσον δεν θα μπορούν να διαβάζονται οι αναρτήσεις

Μάκης Αρμενιακος είπε...

Μπράβο παιδιά συγχαρητήρια για την προσπάθεια σας! Είναι φοβερά σαφείς οι οδηγίες σας και βοηθούν και τους πλέον αρχάριους να κάνουν πράγματα!
Άλλαξα τις παραμέτρους σε 530 430 100 120 και πήρα ένα καλό αποτέλεσμα.
Μόνο πρόβλημα είναι ότι είχα μια ανάρτηση καταγγελία που αναδημοσίευσα από e-mail αρχείο word (doc) και βγείκε άλλα τ΄άλλων γιατί έχασε τους στυλοθέτες μάλον! Πάντως σας Ευχαριστώ!!!

Μάκης Αρμενιακος είπε...

Αμάν παιδιά το έβαλα και μου άρεσε και όλα καλά μέχρι να πάρω είδηση ότι οι σελίδες Tabs που έχω στο blog μου ανοίγουν και αυτές με περίληψη ! και όταν πατάς read more ξαναφορτόνει από την αρχή αλλά πάλι με περίληψη !! Είναι αδύνατον να προβληθεί ολόκληρη η σελίδα.
Έχει άλλος τέτοιο πρόβλημα;

Διαχειριστής είπε...

Έκανα όλη την παραπάνω διαδικασία,αλλά μου κόβει τις αναρτήσεις και από τις άλλες σελίδες που έχω με αποτέλεσμα να μην λειτουργούν καθόλου!Τι μπορώ να κάνω για να εμφανίζεται το read more μόνο στις δημοσιεύσεις της αρχικής σελίδας;Ευχαριστώ εκ των προτέρων!

bloggertips.gr είπε...

Αυτο δεν λειτουργεί στις στατικές σελίδες του Blogger!

Aν θες για όλα μαζί σβήσε αυτο, βάλε το http://www.bloggertips.gr/2009/07/read-more-blog.html

Τάκης είπε...

Καλησπέρα,
έκανα ότι έγραφε εδώ σας ευχαριστώ δουλεύουν καλά αλλά τα βίντεο δεν τα δείχνει.Έβαλα βίντεο σκέτο (γιατί σκέτα τα βάζω!) και αντί να μου δείχνει βίντεο γράφει "..." και από κάτω λέει Διάβασε για συνέχεια και με πάει εκεί και βλέπω.Μα δεν μ κάνει.Γίνεται να το δείχνει σωστά;Δίνω και φωτογραφία για να καταλάβετε τι λέω.Ευχαριστώ.

Photo: http://img98.imageshack.us/img98/3751/20110304073642.png

kostas είπε...

Ναι με το βιντεο εχει προβλημα,ισως να φταινε οι καθορισμενες διαστασεις που βαζουμε στο μεγεθος των εικονιδιων.

bloggertips.gr είπε...

Ναι το αυτόματο δείχνει μόνο την πρώτη εικόνα και το κείμενο..

ούτε fonts ούτε videos στην αρχική

Τάκης είπε...

Johnpatra,
Καλημέρα και δεν γίνετε να κάνουμε τίποτα;

Ευχαριστώ!

bloggertips.gr είπε...

για αυτο οχι δεν νομιζω.

βασικα σιγουρα γινεται, αλλα δεν μπορω εγω' μην ξεχνατε δεν ειμαι προγραμματιστης.

diadrastika.com είπε...

Φίλε μου είσαι καταπληκτικός, όπως ακριβώς έχουν τονίσει και όλοι οι προηγούμενοι.
Απορία:
Πριν απο λίγο πρόσθεσα έναν άλλο κώδικα πάνω από το head αυτό σχετικά με κλοπι/paste από το tynt.com. Μήπως θα υπάρχει πρόβλημα αν προσθέσω έναν ακόμα; Και μέχρι πόσα μπορώ να προσθέσω (αν μπορώ); Ίδια ερώτηση και για πάνω από το body και γενικά.
Σε ευχαριστώ πολύ φίλε μου. Να είσαι καλά.

ΦΑΝΗ ΣΙΡΚΕΛΗ είπε...

Τί έκανα λάθος και στην πρώτη σελίδα εμφανίζεται μόνο η τελευταία ανάρτηση; Αν πατήσεις το προηγούμενες αναρτήσεις εμφανίζονται κανονικά. www.giatoskaki.blogspot.com

Ευχαριστώ για τις συμβουλές σου

Alexopoulos Motorcycle Parts & Accessories είπε...

Καλησπέρα,

πολύ καλή δουλειά πολύ καλό blog. Έχω αι εγώ το ίδιο πρόβλημα στις σελίδες πατάς read more και ανοίγει η σελίδα!Υπάρχει δυνατότητα να μην εφαρμόζετε στα pages το read more?

Ευχαριστώ Πολύ

bloggertips.gr είπε...

δυστυχως οχι

bloggertips.gr είπε...

ποιες υπολοιπες βρε παιδια?
μονο οι στατικες σελιδες δεν δουλευουν που ειναι μεχρι 10..

εγω στη θεση σου δεν θα εσβηνα το read more αλλα τις σελιδες και θα τις εβαζα σαν αναρτησεις

bloggertips.gr είπε...

ναι καταλαβαινω αλλα δεν μπορω να κανω κατι...

ή διαγραφετε τις σελιδες ή το αυτοματο read more και βαζετε το χειροκινητο

Notis είπε...

Καλησπέρα... μια απορία... έβαλα το read more αλλά το εφαρμόζει σε όσα άρθρα είναι στην πρώτη μόνο σελίδα. πως το κάνω να φαίνεται σε όλα;;;

Unknown είπε...

Γεια σου John..

στο μπλογκ έβαλα το αυτόματο read more...με μια διαφορα, δε διαχωρίζει το κειμενο και εμφανιζεται πάλι ολοκληρο!!!
Για πες τι γνωμη σου σε παρακαλω γιατρέ των blogs!!! :-)

Thalassitsa είπε...

Καταρχήν συγχαρητήρια για το blog σας....
Ακολούθησα πιστά τις οδηγίες, και δουλεύει μια χαρά...όμως όταν πάω στο τέλος και πατάω παλιοτερες αναρτήσεις, τότε μου τις εμφανίζειολόκληρες, και εχει και το read more απο κατω. ενώ στην αρχική είναι μια χαρα!

bloggertips.gr είπε...

δείτε στο http://www.bloggertips.gr/2011/04/read-more-2-blogger.html και στο http://www.bloggertips.gr/2011/04/blogger-read-more.html

Ανώνυμος είπε...

ΥΠΑΡΧΕΙ ΕΝΑ ΠΡΟΒΛΗΜΑ. ΜΟΥ ΧΑΛΑΣΕ ΤΗ ΣΤΟΙΧΗΣΗ ΤΩΝ ΑΝΑΡΤΗΣΕΩΝ. ΤΙ ΜΠΟΡΩ ΝΑ ΚΑΝΩ?

bloggertips.gr είπε...

απλά βγάλε το

pistepseto είπε...

ολα οκ μονο που το "περισσοτερα εδώ" δεν εχει κανενα link ουτε αλλαζει χρωμα οταν πας το ποντικι. Πως επανφερω τον κωδικα αν τον εχω χαλασει εγω?

Ανώνυμος είπε...

Kαλησπέρα....Συγχαρητήρια για τις χρήσιμες πληροφορίες...Θέλω να ρωτήσω...Πως μπορώ να συνεχίσω να ρυθμίζω τις φωτογραφίες μου χειροκίνητα παρά το αυτόματο read more...?
Ευχαριστώ εκ των προτέρων...

Ανώνυμος είπε...

Tελικά βρέθηκε...Για να καθορίζετε το μέγεθος της φωτογραφίας αυτόνομα κάνουμε εκεί που λέει:
img_thumb_height = " ";
img_thumb_width =" ";
και μετά ρυθμίζουμε αυτόνομα το μέγεθος της κάθε φωτογραφίας σε κάθε μας ανάρτηση...

Christos Sid είπε...

εγω το εκανα αλλα οταν παταω στο read more δεν μου εμφανιζει το παρακατω κειμενο της αναρτησης....επισεις το εμφανιζει και στης αλλες μου της σελιδες πχ ΕΠΙΚΟΙΝΩΝΙΑ...γινεται να το βγαλω απο της αλλες σελιδες?

Simon_says είπε...

καλησπερα σας,στην τελευταια μου αναρτηση,φενετε μονο η φωτο και οχι το κειμενο,το κειμενο εμφανιζετε οταν πατω read more,ξερετε γιατι?ευχαριστω

Maimounews είπε...

Γεια σας! Θα ήθελα και εγώ να σας κάνω μία ερώτηση.

Χρησιμοποίησα το "Διάβασε περισσότερα" σε όλες τις αναρτήσεις του blog μου (μέσα από τον κωδικό για όλο το blog, γιατί η προσθήκη του κωδικού για την κάθε ανάρτηση ξεχωριστά θα ήταν πολύ χρονοβόρα), αλλά θα ήθελα να μην εμφανίζεται και στις σελίδες, δηλαδή να εμφανίζονται κανονικά, ολόκληρες. Μήπως μπορείτε να μου πείτε με ποιόν τρόπο μπορώ να το πετύχω; Ευχαριστώ πολύ.

ΕΝΩΤΙΚΗ ΠΟΡΕΙΑ Ο.Λ.ΒΟΛΟΥ είπε...

Καλησπέρα παιδιά. Χρησιμοποιώ το νέο bloger και δεν βρίσκω την επεξεργασία html. Παλιότερα το είχα χρησιμοποιήσει σε άλλο blog μέσω του παλιού bloger το read more και δούλεψε κανονικά. Εδώ που βρίσκετε η επεξεργασία;

Mike είπε...

Καλησπέρα σας!
Μόλις έβαλα το αυτόματο read more στις αναρτήσεις μου. Υπάρχει όμως ένα πρόβλημα, καθώς οι σελίδες που είχα (ρόστερ, πρόγραμμα, επικοινωνία) έχουν συμπιεστεί σαν τις αναρτήσεις και ούτε καν ανοίγουν.
Τι θα πρέπει να κάνω ώστε οι σελίδες μου να μείνουν ανέπαφες από το read more ?
Ευχαριστώ εκ των προτέρων!

Goldenbird είπε...

πώς μπορώ να βγάλω το αυτόματο read more?πλέον δεν μπορώ να βρώ στην html του κωδικούς που έβαλα σαν να μου έχει μορφοποιήσει τον κώδικα.

Ανώνυμος είπε...

Καλησπέρα σας. Δεν μπορώ να καταλάβω..το έχω κάνει copy paste τον κώδικα που μου δείνετε, αλλά δεν μου το βγάζει καλά.

Ανώνυμος είπε...
Αυτό το σχόλιο αφαιρέθηκε από τον συντάκτη.
Αποστόλης Καραβίας "apo208" είπε...

Μήπως ξέρουμε πως γίνεται το read more να μην μπαίνει στις σελίδες;

Unknown είπε...

γεια σας
μηπως μπορείτε να μου πείτε πως γλινεται να βάλω τον τίτλο στη μέση?

Unknown είπε...

δεν βρισκω πουθενα το
το γραφω στην αναζητηση και δεν το εμφανιζει πουθενα και δεν το δεχεται καθολου στην αναζητηση

Frapedoypoli είπε...

Πώς θα βάλω το read more ο blogger δεν έχει επέκταση προτύπων γραφικών?

Unknown είπε...

Οταν παταω επεξεργασια HTML δε μου εχει το "Επέκταση προτύπων γραφικών στοιχείων".

Frapedoypoli είπε...

πως το βάζω στην νέα εμφάνιση του blogger;

sofvan είπε...

το εκανα και δεν δουλευει.... τι λαθος μπορει να κανω?

Ανώνυμος είπε...

το εβαλα με την πρωτη, και δουλευει μια χαρα!!! ευχαριστω θερμα!!!!

Χατζηκαλύμνιος Κων/νος είπε...

Καλησπέρα.Στο δικό μου blog μπορώ να το κάνω χωρίς κωδικό.
Αλλά γίνετε μόνο στην αρχική.Στις άλλες όχι.Τι πρέπει να
κάνω;

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

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

ΟΧΙ 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 *