Φόρουμ

Για όλες τις απορίες και συζητήσεις στο φόρουμ που δημιουργήσαμε http://forum.click4money.gr/
Μπείτε κάντε εγγραφή και πείτε ένα γεια να γνωριστούμε ;)

Φόρμα επικοινωνίας

Όνομα

Ηλεκτρονικό ταχυδρομείο *

Μήνυμα *

read more
Σήμερα θα δούμε πως να τοποθετήσουμε στο πρότυπο μας στο blogger το read more (διαβάστε περισσότερα »). Πριν αρχίσετε την διαδικασία ενσωμάτωσης κρατήστε ένα αντίγραφο ασφάλειας του προτύπου σας για τυχόν λάθη που προκύψουν.



Προσθήκη readmore στο blog

  1. Αφού συνδεθούμε στο λογαριασμό μας στο blogger επιλέγουμε το blog που θέλουμε να βάλουμε το readmore
  2. Από το μενού πάμε στο "Πρότυπο" και ακολούθως "Επεξεργασία HTML"
  3. Πατάμε το CTRL+F για να μας εμφανίσει το search box πάνω δεξιά, εκεί τώρα ψάχνουμε για το "</head>"
  4. Όταν το βρούμε αντιγράφουμε και επικολλούμε από πάνω του τον πιο κάτω κώδικα
<script type='text/javascript'> posts_no_thumb_sum = 490; posts_thumb_sum = 400; img_thumb_height = 160; img_thumb_width = 180; </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, pURL, pTITLE){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = posts_no_thumb_sum; if(img.length>=1) { imgtag = '<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>'; summ = posts_thumb_sum; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <style type='text/css'> .post-footer {display: none;} .post {margin-bottom: 10px; border-bottom: 1px dotted #E6E6E6; padding-bottom: 20px;} .readmore a {text-decoration: none; } </style> </b:if> </b:if>

Σημειώσεις: Μπορούμε να μορφοποιήσουμε κάπως το read more αλλάζοντας κάποιους αριθμούς. Το  summary_ noimg= 430; >> Σε αυτό αλλάζουμε τις λέξεις της περίληψης σε όσα post δεν υπάρχει εικόνα ως φόντο.
summary_img = 340;       >> Σε αυτό αλλάζουμε τις λέξεις της περίληψης σε όσα post υπάρχει εικόνα.
Σε αυτό null_thumb_height = 100; και αυτό null_thumb_width = 120; >> Μπορούμε να αλλάξουμε τα μεγέθη της φωτογραφίας

5.  Στο 5ο και τελευταίο βήμα βρίσκομαι τη γραμμή κώδικα: <data:post.body/> και την αντικαθιστούμε με τον ακόλουθο κώδικα:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <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;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script> <span class='readmore' style='float:right;'><a expr:href='data:post.url'>Read More &#187;</a></span></b:if></b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>


Πιο κάτω και ένα βίντεο που σας έχω φτιάξει και δείχνω το τρόπο που εφαρμόζετε το read more στο πρότυπο μας

8 Σχόλια:

  1. εμενα το ειχε το θεμα που διαλεξα ετοιμο

    ΑπάντησηΔιαγραφή
  2. Δυο μερες τωρα προσπαθω να κανω προστηκη του ''readmore'' στο βλογ αυτο και δεν μπορω ,....εχω δει και το βιντεο ,ακολουθω ακριβως τα βηματα...κανω αποθηκευση προτυπου...και τιποτα το βλογ ειναι το ιδιο .τι φταιει ειναι κατι αλλο που δεν ξερω.
    Ευχαριστω πολυ. MANUELA MIHALI

    ΑπάντησηΔιαγραφή
  3. το βλογ μου εινα αυτο http://glikaxamogela.blogspot.gr/

    MANUELA MIHALI ΓΙΑ ΤΟ "Προσθήκη readmore στο blog"

    ΑπάντησηΔιαγραφή
  4. μήπως γνωρίζεις πως μπορουμε να βάλουμε την εφαρμογή, αλλά στην κερντρικη σελίδα να μην χάνεται η μοπφοποίηση του κειμένου? Σε ευχαριστω εκ των προτέρων

    ΑπάντησηΔιαγραφή
  5. Σχετικά με το readmore ακολούθησα τις οδηγίες και το video, υπάρχει ένα πρόβλημα όταν πατήσω στο διαβάστε περισσότερα εμφανίζε στην περίληψη το κείμανο και την εικόνα αυτούσια, υπάρχει κάτι άλλο που δεν ξέρω?
    Ευχαριστώ για όποια βοήθεια.

    ΑπάντησηΔιαγραφή
  6. Σε εμενα δεν βγαζει τρια οπως στο βιντεο σου, με αποτελεσμα να μη βρισκω ουτε το description...με λιγα λογια δεν μπηκε το read more...γιατι? :/ Εχεις καποια αλλη λυση? Ευχαριστω!

    ΑπάντησηΔιαγραφή
  7. γεια σας εχω ενα θεμα με το read more
    υπαρχει μεσα στην αναρτηση το read more μου βγαζει την μπαρα μεσα στο κειμενο αλλα οτι γραφω μετα την μπαρα το εμφανιζει κανονικα χωρισ να γραφει read more

    ΑπάντησηΔιαγραφή

Όλες οι απορίες πλέον θα λύνονται μόνο μέσα στο φόρουμ το οποίο μπορείτε να βρείτε εδώ http://forum.click4money.gr/
Ο λόγος είναι για να μαζεύεται όλο το υλικό εκεί και να μην απαντάμε συνέχεια στα ίδια ερωτήματα

 
Top