Blogger Tips – Tricks – Gadgets – Templates – Hacks

Αυτόματο Read More (2) Στις Αναρτήσεις, Χωρίς Να Χωρίζει Τις Στατικές Σελίδες Του Blogger !!!



Print Friendly and PDFPrintPrint Friendly and PDFPDF



Στο http://www.bloggertips.gr/2009/07/read-more-blog.html γράφω τον κλασσικό, χειροκίνητο τρόπο προσθήκης του “διαβάστε περισσότερα” στις αναρτήσεις μας.





Στο http://www.bloggertips.gr/2010/03/automatic-read-more-function-in-blogger.html γράφω τον αυτόματο τρόπο προσθήκης του “διαβάστε περισσότερα” στις αναρτήσεις μας, που έχει πρόβλημα όμως στις στατικές σελίδες του blogger.





Έχω γράψει επίσης στο http://www.bloggertips.gr/2011/03/read-more-button.html πως μπορούμε να βάλουμε εικόνα αντί για κείμενο στο “διαβάστε περισσότερα”.


Σήμερα θα πω, πως βάζουμε ένα αυτόματο read more -όπως αυτό που έχω πει ήδη-, με τη μόνη διαφορά ότι αυτό το read more δεν χωρίζει τις στατικές σελίδες του blogger, αλλά μόνο τις αναρτήσεις. Έτσι θα έχετε και αυτόματο read more ΚΑΙ στατικές σελίδες στον blogger.



Με αυτή την ανάρτηση λοιπόν, νομίζω ότι κλείνει οριστικά για μένα το θέμα των “διαβάστε περισσότερα”.


ΓΙΑ ΤΗΝ ΠΡΟΣΘΗΚΗ ΤΟΥ ΑΚΟΛΟΥΘΗΣΤΕ ΤΑ ΠΑΡΑΚΑΤΩ ΒΗΜΑΤΑ:



1. Σύνδεση> Πανόπτης> Σχεδίαση> Επεξεργασία html> Επέκταση προτύπων γραφικών στοιχείων

2. Με τη βοήθεια του 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>



Στον παραπάνω κώδικα μπορείτε να αλλάξετε τις εξής αριθμητικές μεταβλητές (σε pixels):



summary_noimg = 430; το ύψος της ανάρτησης ΧΩΡΙΣ την εικόνα

summary_img = 340; το ύψος της ανάρτησης ΜΕ την εικόνα

img_thumb_height = 100; το ύψος της εικόνας

img_thumb_width = 120; το πλάτος της εικόνας



Η επεξεργασία αυτών των μεταβλητών είναι παρόμοια με αυτήν στο http://www.bloggertips.gr/2010/03/automatic-read-more-function-in-blogger.html



3. Τώρα βρείτε το <data:post.body/> και αντικαταστήστε αυτόν τον κωδικό με τον παρακάτω:


<b:if cond=’data:blog.pageType == "static_page"’><br/>

<data:post.body/>

<b:else/>



<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> <span class=’rmlink’ style=’float:right;padding-top:20px;’><a expr:href=’data:post.url’> read more “<data:post.title/>”</a></span>



</b:if>

<b:if cond=’data:blog.pageType == “item”‘><data:post.body/></b:if>

</b:if>



Το read more μπορείτε να το αλλάξετε φυσικά.



4. Προεπισκόπηση, Αποθήκευση κι είστε έτοιμοι!


Άσχετο:


Κατά τη διάρκεια της συγγραφής της παραπάνω ανάρτησης, άκουγα το παρακάτω τραγούδι:










Πηγές: http://www.vietwebguide.com/2008/08/to-read-more-c-tip-mt-cch-t-ng-ver-20-h.html
Copyrights: http://www.bloggertips.gr/



27
comments:

rad
είπε…

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

rad
είπε…

Σχετικά με το πρέπει να σημειώσεις πως για να το εμφανίσουμε πρεπει να επιλέξουμε το "Επέκταση προτύπων γραφικών στοιχείων" αλλιώς δεν εμφανίζετε ( γιατί άραγε έχουν κάνει το Επέκταση προτύπων γραφικών στοιχείων και δεν δίχνουν όλα τα γραφικά στιχία χωρίς να το πατάμε;)

Johnpatra
είπε…

το έχω γράψει.

(1. Σύνδεση> Πανόπτης> Σχεδίαση> Επεξεργασία html> Επέκταση προτύπων γραφικών στοιχείων)

bet and win
είπε…

καλημέρα , πολύ ωραία η δουλειά που έχεις κάνει

έχω ενα ερώτημα αν μπορείς να βοηθήσεις
στις αναρτήσεις των νέων σελίδων εμφανίζεται το "READ MORE" κάνοντας όμως κλικ πάνω σε αυτό η ανάρτηση δεν ανοίγει αλλά παραμένει ως έχει , κάτι που δεν συμβαίνει στην αρχική σελίδα όπου κλικάροντας το "READ MORE" η ανάρτηση ανοίγει κανονικά , μήπως έχεις κάποια ιδέα το πως θα ξεπεράσω αυτό το πρόβλημα ;
ευχαριστώ εκ των προτέρων.

Jim Ace
είπε…

Ρε man στο βημα 3 ποιον κωδικο εννοεις λεγοντας ''αυτον τον κωδικο''?

Johnpatra
είπε…

να αντικαταστήσετε με τον κωδικό που δίνω το data:post.body/

Tracker
είπε…

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


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

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

χρήστος

akinitastithasso
είπε…

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


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

Το είχα κάνει εγκατάσταση πριν καιρό…αλλά τώρα θέλω να το βγάλω! Πως γίνεται?? Ο λόγος είναι οτι δεν δουελύει στις σελίδες….Γνωρίζει κανείς??
alexopoulosltd.blogspot.com

γιάννης
είπε…

κάνω όλα τα βήματα σωστά αλλά δεν αλλάζει τιποτα στα posts!

ACHiSaeL (Achilleas)
είπε…

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

ACHiSaeL (Achilleas)
είπε…

Ενω το εβαλα δημοσιευοντας μια νεα σελιδα παταω το read more και με παει παλι στην ιδια σελιδα τι να κανω?? υπαρχει καποια λυση? μου αρεσει πουλ και δδεν θελω να το βγαλω (αν και δεν ξερω πως..)

Olga@Stardust-Decor&Style
είπε…

HELP!!!! ΕΠΕΙΓΟΝ!!!! Εβαλα τους κωδικούς όπως τα λές και δούλεψε μια χαρά. Τώρα όμως θέλησα να το βγάλω κι έκανα αντίστροφα τα παραπάνω. Ομως δεν θυμάμαι που να βάλω πάλι τον κωδικό ???? Σε παρακαλώ βοήθησέ με γιατί δεν φαίνεται κείμενο καθόλου στο blog μου!

PeachyReek
είπε…

Μπράβο ρε παιδιά! Και είχα τρομάξει με το προηγούμενο.

Gatoulagr
είπε…

μπραβο παιδια..μηπως εχετε css κωδικα για να φαινεται το "ρεαδ μορε" σαν κουμπι..ευχαριστω


Aggeliki
είπε…

Φίλε μου έκανα το παραπάνω και δουλεύει μια χαρά. Μία ερώτηση όμως.
Εγώ τυχαίνει στα περισσότερα ποστ να κάνω ΜΟΝΟ 1 βίντεο απο το youtube embedd. Τότε μου εμφανίζει μόνο τον τίτλο, κενό και το readmore. Γίνεται να εμφανίζεται μια μικρογραφία του βίντεο?
Ευχαριστώ…


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

καλημερα…εμένα γιατί δεν το κάνει, μήπως άλαξε ο τρόπος που το κάνεις πλέων γιατι το δεν το βρίσκει στην εύρεση;;;;;;;;

Ταξιτζής
είπε…

Καταπληκτική η δουλειά σας.
Εφάρμοσα τις οδηγίες σου, δουλεύει κανονικά, μόνο που ο αριθμός των αναρτήσεων που εμφανίζονται δεν είναι αυτός που έχω ορίσει(30).
Εμφανίζονται από 10 έως 15
Αν μπορείτε να βοηθήσετε, θα το εκτιμούσα. Ευχαριστώ.

skypeapolonnnn@gmail.com
είπε…

το έκανα αλλά χάθηκαν τα βίντεο γιατί έγινε αυτό πως διορθώνεται ?

recoba76
είπε…

Σε ευχαριστω παρα πολυ.Σε παρακολουθω καιρο τωρα και με εχεις βοηθησει παρα πολυ.

afasiaras
είπε…

to ekana ala kai emena mou emfanizonte 8 anartisis kai o arithmos pou exo orisi einai 30 mporite na me boithisete

Paraskiniakos
είπε…

ΑΥΤΟΝ ΤΟΝ ΚΩΔΙΚΟ ΓΙΑΤΙ ΔΕΝ ΤΟΝ ΒΡΗΣΚΩ;; ΥΠΑΡΧΕΙ ΚΑΠΟΙΟΣ ΕΝΑΛΛΑΚΤΙΤΟΣ;; ΑΝ ΜΠΟΡΕΙΣ ΣΤΕΙΛΕ ΜΟΥ ΑΠΑΝΤΗΣΗ ΣΤΟ george18863@hotmail.gr

zef
είπε…

δεν μπορω να βρω πουτθενα το data:post..
γιατι?

kostas
είπε…

Είχα διαβάσει και τα προηγούμενα άρθρα και είχα το κλασικό πρόβλημα με τις σελίδες… Αλλά αυτό με βοήθησε πολύ….

Ευχαριστώ!!!

admin@grenimerosi.blogspot.gr
είπε…

στον blogger δεν έχει expand grafics

Nikolaos Christoforidis
είπε…

Στην επεξεργασια html δεν εχει το κουτακι της επεκτασης γραφικων προτυπων.

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

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

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

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