Αυτόματο Read More (2) Στις Αναρτήσεις, Χωρίς Να Χωρίζει Τις Στατικές Σελίδες Του Blogger !!!
Στο 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 πως μπορούμε να βάλουμε εικόνα αντί για κείμενο στο “διαβάστε περισσότερα”.
Με αυτή την ανάρτηση λοιπόν, νομίζω ότι κλείνει οριστικά για μένα το θέμα των “διαβάστε περισσότερα”.
1. Σύνδεση> Πανόπτης> Σχεδίαση> Επεξεργασία html> Επέκταση προτύπων γραφικών στοιχείων
2. Με τη βοήθεια του ctrl+F πάντα, βρίσκετε το </head> και πριν από αυτό, επικολλήτε τον παρακάτω κώδικα:
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/> και αντικαταστήστε αυτόν τον κωδικό με τον παρακάτω:
<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. Προεπισκόπηση, Αποθήκευση κι είστε έτοιμοι!
27
comments:
rad
είπε…
26 Απριλίου 2011 – 2:37 μ.μ.
rad
είπε…
Σχετικά με το πρέπει να σημειώσεις πως για να το εμφανίσουμε πρεπει να επιλέξουμε το "Επέκταση προτύπων γραφικών στοιχείων" αλλιώς δεν εμφανίζετε ( γιατί άραγε έχουν κάνει το Επέκταση προτύπων γραφικών στοιχείων και δεν δίχνουν όλα τα γραφικά στιχία χωρίς να το πατάμε;)
26 Απριλίου 2011 – 2:38 μ.μ.
Johnpatra
είπε…
το έχω γράψει.
(1. Σύνδεση> Πανόπτης> Σχεδίαση> Επεξεργασία html> Επέκταση προτύπων γραφικών στοιχείων)
26 Απριλίου 2011 – 6:04 μ.μ.
bet and win
είπε…
καλημέρα , πολύ ωραία η δουλειά που έχεις κάνει
έχω ενα ερώτημα αν μπορείς να βοηθήσεις
στις αναρτήσεις των νέων σελίδων εμφανίζεται το "READ MORE" κάνοντας όμως κλικ πάνω σε αυτό η ανάρτηση δεν ανοίγει αλλά παραμένει ως έχει , κάτι που δεν συμβαίνει στην αρχική σελίδα όπου κλικάροντας το "READ MORE" η ανάρτηση ανοίγει κανονικά , μήπως έχεις κάποια ιδέα το πως θα ξεπεράσω αυτό το πρόβλημα ;
ευχαριστώ εκ των προτέρων.
6 Μαΐου 2011 – 1:05 μ.μ.
Jim Ace
είπε…
Ρε man στο βημα 3 ποιον κωδικο εννοεις λεγοντας ''αυτον τον κωδικο''?
13 Μαΐου 2011 – 10:12 μ.μ.
Johnpatra
είπε…
να αντικαταστήσετε με τον κωδικό που δίνω το data:post.body/
13 Μαΐου 2011 – 10:20 μ.μ.
Tracker
είπε…
18 Μαΐου 2011 – 6:56 μ.μ.
Ανώνυμος
είπε…
φιλε καλό το read more. ερώτηση.
Πως θα κάνω στοιχηση κειμένου; τι ενοω. Με το read more, εμφανίζεται η ανάρτηση στοιχησμένη αριστερά . εγώ θέλω να στοιχίζεται απο τη μία άκρη στην άλλη. Και άλλη μία ερώτηση. η φωτογραφία μπορούμε να κάνουμε κάτι να μήν επηρεάζεται;παραμορφώνεται άσχημα. αντε και άλλαξες μεταβλητή. δεν έχουν όλες οι φωτο τις ίδιες διαστάσεις άλλες απεικονίζονται οριζόντια και άλλες καθέτως
χρήστος
23 Μαΐου 2011 – 11:33 π.μ.
akinitastithasso
είπε…
Γιατι με το read more μου βγαζει και τον τιτλο της αναρτησης ακριβως απο διπλα???
2 Ιουλίου 2011 – 1:32 π.μ.
Ανώνυμος
είπε…
Το είχα κάνει εγκατάσταση πριν καιρό…αλλά τώρα θέλω να το βγάλω! Πως γίνεται?? Ο λόγος είναι οτι δεν δουελύει στις σελίδες….Γνωρίζει κανείς??
alexopoulosltd.blogspot.com
18 Ιουλίου 2011 – 3:08 μ.μ.
γιάννης
είπε…
κάνω όλα τα βήματα σωστά αλλά δεν αλλάζει τιποτα στα posts!
1 Οκτωβρίου 2011 – 11:25 μ.μ.
ACHiSaeL (Achilleas)
είπε…
29 Νοεμβρίου 2011 – 3:43 π.μ.
ACHiSaeL (Achilleas)
είπε…
Ενω το εβαλα δημοσιευοντας μια νεα σελιδα παταω το read more και με παει παλι στην ιδια σελιδα τι να κανω?? υπαρχει καποια λυση? μου αρεσει πουλ και δδεν θελω να το βγαλω (αν και δεν ξερω πως..)
29 Νοεμβρίου 2011 – 3:45 π.μ.
Olga@Stardust-Decor&Style
είπε…
HELP!!!! ΕΠΕΙΓΟΝ!!!! Εβαλα τους κωδικούς όπως τα λές και δούλεψε μια χαρά. Τώρα όμως θέλησα να το βγάλω κι έκανα αντίστροφα τα παραπάνω. Ομως δεν θυμάμαι που να βάλω πάλι τον κωδικό ???? Σε παρακαλώ βοήθησέ με γιατί δεν φαίνεται κείμενο καθόλου στο blog μου!
1 Δεκεμβρίου 2011 – 2:03 π.μ.
PeachyReek
είπε…
Μπράβο ρε παιδιά! Και είχα τρομάξει με το προηγούμενο.
8 Δεκεμβρίου 2011 – 10:54 π.μ.
Gatoulagr
είπε…
μπραβο παιδια..μηπως εχετε css κωδικα για να φαινεται το "ρεαδ μορε" σαν κουμπι..ευχαριστω
7 Φεβρουαρίου 2012 – 3:19 π.μ.
Aggeliki
είπε…
Φίλε μου έκανα το παραπάνω και δουλεύει μια χαρά. Μία ερώτηση όμως.
Εγώ τυχαίνει στα περισσότερα ποστ να κάνω ΜΟΝΟ 1 βίντεο απο το youtube embedd. Τότε μου εμφανίζει μόνο τον τίτλο, κενό και το readmore. Γίνεται να εμφανίζεται μια μικρογραφία του βίντεο?
Ευχαριστώ…
7 Φεβρουαρίου 2012 – 11:56 μ.μ.
Ανώνυμος
είπε…
καλημερα…εμένα γιατί δεν το κάνει, μήπως άλαξε ο τρόπος που το κάνεις πλέων γιατι το δεν το βρίσκει στην εύρεση;;;;;;;;
24 Φεβρουαρίου 2012 – 2:05 π.μ.
Ταξιτζής
είπε…
Καταπληκτική η δουλειά σας.
Εφάρμοσα τις οδηγίες σου, δουλεύει κανονικά, μόνο που ο αριθμός των αναρτήσεων που εμφανίζονται δεν είναι αυτός που έχω ορίσει(30).
Εμφανίζονται από 10 έως 15
Αν μπορείτε να βοηθήσετε, θα το εκτιμούσα. Ευχαριστώ.
6 Μαρτίου 2012 – 11:02 π.μ.
skypeapolonnnn@gmail.com
είπε…
το έκανα αλλά χάθηκαν τα βίντεο γιατί έγινε αυτό πως διορθώνεται ?
8 Μαρτίου 2012 – 2:27 μ.μ.
recoba76
είπε…
Σε ευχαριστω παρα πολυ.Σε παρακολουθω καιρο τωρα και με εχεις βοηθησει παρα πολυ.
10 Μαρτίου 2012 – 1:39 π.μ.
afasiaras
είπε…
to ekana ala kai emena mou emfanizonte 8 anartisis kai o arithmos pou exo orisi einai 30 mporite na me boithisete
21 Μαΐου 2012 – 5:57 μ.μ.
Paraskiniakos
είπε…
ΑΥΤΟΝ ΤΟΝ ΚΩΔΙΚΟ ΓΙΑΤΙ ΔΕΝ ΤΟΝ ΒΡΗΣΚΩ;; ΥΠΑΡΧΕΙ ΚΑΠΟΙΟΣ ΕΝΑΛΛΑΚΤΙΤΟΣ;; ΑΝ ΜΠΟΡΕΙΣ ΣΤΕΙΛΕ ΜΟΥ ΑΠΑΝΤΗΣΗ ΣΤΟ george18863@hotmail.gr
27 Μαΐου 2012 – 4:27 μ.μ.
zef
είπε…
δεν μπορω να βρω πουτθενα το data:post..
γιατι?
8 Ιουλίου 2012 – 4:39 μ.μ.
kostas
είπε…
Είχα διαβάσει και τα προηγούμενα άρθρα και είχα το κλασικό πρόβλημα με τις σελίδες… Αλλά αυτό με βοήθησε πολύ….
Ευχαριστώ!!!
4 Σεπτεμβρίου 2012 – 11:56 π.μ.
admin@grenimerosi.blogspot.gr
είπε…
στον blogger δεν έχει expand grafics
22 Ιουλίου 2013 – 12:23 μ.μ.
Nikolaos Christoforidis
είπε…
Στην επεξεργασια html δεν εχει το κουτακι της επεκτασης γραφικων προτυπων.
22 Αυγούστου 2013 – 2:47 μ.μ.
Δημοσίευση σχολίου
Παρακαλούμε τους φίλους αναγνώστες:
ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ
Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.