Κυριακή 24 Απριλίου 2011

Αυτόματο Read More με εικόνες

Πολλοί από εσάς θα θέλανε να βλέπουν στη σελίδα τους μια ομοιομορφία στις αναρτήσεις τους αλλά με το χειροκίνητο Read more του Blogger δεν είστε σε θέση να το καλύψετε.
Τι θα κάνετε για να το καταφέρετε;
  • Συνδεθείτε στο λογαριασμό σας
  • Σχεδίαση / Επεξεργασία HTML
  • Με το Ctrl+F ψάχνουμε το </head>
  • Το αντικαθιστούμε με τον παρακάτω κώδικα:
  • <script type='text/javascript'> var thumbnail_mode = &quot;float&quot; ; summary_noimg = 230; summary_img = 140; img_thumb_height = 100; img_thumb_width = 100; </script> <script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/> </head>


  Φυσικά μπορείτε να αλλάξετε τις παραμέτρους
  • Τώρα ψάχνουμε το <data:post.body/>
  • Τον αντικαθιστούμε με τον παρακάτω κώδικα:
  • <b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/> <b:else/> <div expr:id='&quot;summary&quot; + data:post.id'> <data:post.body/> </div> <script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;); </script> <div style='clear: both;'/> <span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span> </b:if> </b:if>


Τώρα η σελίδα σας είναι έτοιμη να λειτουργήσει αυτόματα το Read More!

0 σχόλια:

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

Twitter Delicious Facebook Digg Stumbleupon Favorites More