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

Αυτόματο 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 == &quot;static_page&quot;'><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/

Stumble
Delicious
Technorati
Twitter
Facebook

27 comments:

the anon(ο)mous mister blue eyes είπε...
Αυτό το σχόλιο αφαιρέθηκε από τον συντάκτη.
the anon(ο)mous mister blue eyes είπε...

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

bloggertips.gr είπε...

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

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

bet and win είπε...

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

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

Jim Ace είπε...

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

bloggertips.gr είπε...

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

ΛΕΥΤΕΡΗΣ Κ. είπε...
Αυτό το σχόλιο αφαιρέθηκε από τον συντάκτη.
Ανώνυμος είπε...

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

χρήστος

Unknown είπε...

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

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

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

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

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

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

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

STARDUST είπε...

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

PeachyReek είπε...

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

Unknown είπε...

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

Aggeliki είπε...

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

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

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

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

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

Nea Arxh News είπε...

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

recoba76 είπε...

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

Unknown είπε...

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

Unknown είπε...

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

zef είπε...

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

kostas είπε...

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

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

Frapedoypoli είπε...

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

Unknown είπε...

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

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

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

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