Internet
Now Reading
Κάντε το blog σας να εμφανίζει αυτόματα μικρογραφία, και το λινκ “Διαβάστε περισσότερα”
6

Κάντε το blog σας να εμφανίζει αυτόματα μικρογραφία, και το λινκ “Διαβάστε περισσότερα”

by Chris Karidis25 May, 2012

Ένα πολύ χρήσιμο trick για κάθε blog θα σας παρουσιάσουμε σήμερα. 
Με τον παρακάτω κώδικα το blog σας αυτόματα θα εμφανίζει στην αρχική σελίδα μικρογραφία, και θα προσθέτει μόνο του το “jump link” δηλαδή με λίγα λόγια το κουμπί “Διαβάστε περισσότερα” που όλοι γνωρίζουμε.

Το μόνο που μένει να κάνετε εσείς είναι να γράψετε κάποια δημοσίευση η οποία να περιέχει μια εικόνα, και το script θα κάνει την υπόλοιπη δουλειά για εσάς (δηλαδή να τοποθετήσει την εικόνα στο σωστό σημείο, με τις διαστάσεις που θα ορίσετε, και να εμφανίσει στα δεξιά της ένα απόσπασμα από την δημοσίευση σας).


 Αν η δημοσίευση σας δεν έχει εικόνα, τότε θα εμφανίζει μόνο ένα μέρος από το κείμενο της δημοσίευσης.


Προτείνουμε να κρατήσετε αντίγραφο ασφαλείας πριν εγκαταστήσετε το script στο blog σας.

  1. Κάντε login στο blog σας
  2. Πηγένετε στο “Πρότυπο”
  3. Κάντε κλικ στο “Επεξεργασία HTML”
  4. Επιλέξτε το κουτάκι “Επέκταση προτύπων γραφικών στοιχείων”
  5. Βρείτε τον κώδικα </head>
  6. Και αντικαταστήστε τον με τον παρακάτω κώδικα
<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’ src=‘http://bloggerblogwidgets.googlecode.com/files/auto_readmore_blogger.js’ ></script></head>


Αντικαταστήστε από αυτόν τον κώδικα όποια από τις παρακάτω μεταβλητές επιθυμείτε 
 
summary_noimg = 430;:Μέγεθος του αποσπάσματος χωρίς εικόνα
summary_img = 340;:Μέγεθος του αποσπάσματος με εικόνα
img_thumb_height = 100;:Ύψος εικόνας δημοσίευσης
img_thumb_width = 120;:Πλάτος εικόνας δημοσίευσης
 7. Τώρα κάντε αναζήτηση για <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 class=‘rmlink’ style=‘font-weight:bold;padding:5px;float:right;text-align:right;’><a expr:href=‘data:post.url’ >Διαβάστε περισσότερα … </a></span></b:if></b:if>
 
Τέλος αποθηκεύστε το πρότυπο σας, και ελέγξτε αν όλα έγιναν σωστά.
 
Σημείωση 1: Σε πολλά προσαρμοσμένα πρότυπα, τον κώδικα <data:post.body/> θα τον βρείτε παραπάνω από μια φορές. Όμως ποιο θα πρέπει να αλλάξετε διαφέρει από πρότυπο σε πρότυπο. Έχοντας κρατήσει αντίγραφο ασφαλείας δοκιμάστε αντικαθιστώντας τους έναν έναν μέχρι να βρείτε τον σωστό. Συνήθως είναι η πρώτη επιλογή που θα βρεθεί στην αναζήτηση.
 
Σημείωση 2: Αν επιθυμείτε αντί για το κείμενο “Διαβάστε περισσότερα” να προσθέσετε κάποια προσαρμοσμένη εικόνα, αντικαταστήστε το “Διαβάστε περισσότερα…” με αυτόν τον κώδικα <img href=’Η ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΕΙΚΟΝΑΣ ΕΔΩ’ />
 
Κώδικας από: way2blogging.org

 

Comments

comments

About The Author
Chris Karidis
Ονομάζομαι Χρήστος, και ασχολούμαι με την πληροφορική για πάνω από 10 χρόνια. Το TricksforGreeks.com το δημιούργησα για να βοηθήσω όσους αρχάριους χρήστες έχουν ανάγκη, σε θέματα σχετικά με την πληροφορική και την τεχνολογία. Μπορείτε να επικοινωνήσετε μαζί μου μέσω του live chat της σελίδας ή των κοινωνικών δικτύων που υπάρχουν στο επάνω μέρος αυτού του παραθύρου.