Μετάβαση στο κύριο περιεχόμενο

Πως να βάλετε read more στις αναρτήσεις σας στο blogger

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 στο πρότυπο μας

Σχόλια

  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/
Ο λόγος είναι για να μαζεύεται όλο το υλικό εκεί και να μην απαντάμε συνέχεια στα ίδια ερωτήματα

Δημοφιλείς αναρτήσεις από αυτό το ιστολόγιο

Σπάσιμο κωδικών email και τρόποι προστασίας αυτών

Καλησπέρα φίλοι και αναγνώστες του  blog μου, σήμερα θα σας δείξω ένα οδηγό βίντεο με τον οποίο μπορεί κάποιος να μας κλέψει τον κωδικό του email μας όπως επίσης και τρόπους με τους οποίους μπορούμε να προστατευτούμε. Με αυτό το τρόπο μπορούμε να ανιχνεύσουμε  κωδικούς hotmail, windows live και gmail . Στον οδηγό βίντεο σας δείχνω για hotmail που με τον ίδιο τρόπο γίνετε και για τα windows live.  Για gmail στην επιλογή "Single target" που σας δείχνω στο βίντεο αντί για "pop3.live.com" βάζουμε "smtp.gmail.com", στην "Port" βάζουμε 465, και στο "Protocol" βάζουμε "smtp", επίσης βάζουμε τικ και στην επιλογή "Be verbose", τα άλλα τα κάνουμε όπως και στο βίντεο. Θα χρειαστούμε  Backtrack ( το backtrack το κατεβάζετε εδώ ή  εδώ για torrent ). Το προγραμμάτακι "Hydra-gdk" το οποίο είναι ενσωματωμένο στο backtrack, θα το βρείτε στο μενού => Application-Backtrack-Privilege Escalation- Passwo

Σπάσιμο κωδικών facebook

Πώς μπορεί κάποιος να σας κλέψει τον κωδικό του Facebook (hack facebook). Παρακάτω σας έφτιαξα ένα βίντεο που μου ζητήσατε για το πως σπάμε κωδικούς στο facebook εύκολα. Με ένα απλό τρόπο μπορεί να σας κλέψουν το κωδικό του facebook . Το βίντεο είναι καθαρά για εκπαιδευτικούς σκοπούς.   Τον οδηγό αυτό κυρίως τον έφτιαξα για αρχάριους, να μπορούν να δουν ένα από τους πολλούς τρόπους που μπορεί κάποιος έμπειρος hacker να κλέψει τον κωδικό του ς. Μετά από το βίντεο θα έχετε μια άλφα γνώση και θα μπορείτε να προστατευτείτε. Τα εργαλεία που θα χρειαστείτε για να το κάνετε και εσείς :   http://lefta4klik.blogspot.gr/2012/12/spasimo-kodikon-crack-wep.html Όποιος έχει απορίες για το πως να σπάσω κωδικό facebook ας αφήσει σχόλιο να το βοηθήσουμε. Σημείωση : Η τεχνική αυτή δουλεύει όταν οι υπολογιστές βρίσκονται στο ίδιο δίκτυο.  Πώς σπάμε κωδικούς του φβ - Δείτε τον οδηγό βίντεο Μπορείτε να δείτε και τον νέο οδηγό όπου γίνετε να σπάσει το facebook χωρίς να χρειαστεί να σταλ

Εγκατάσταση backtrack στα windows με βοήθεια εικονικής μηχανής

Καλησπέρα φίλοι μου, σήμερα σας έχω φτιάξει το βίντεο που μου ζητήσατε κάποιοι που είχατε δυσκολίες στην εγκατάσταση του  backtrack  σε εικονική μηχανή για να τρέχουνε στα windows. Είναι πάρα πολύ απλό, θα το δείτε στην συνέχεια στο video. Την εικονική μηχανή που έχω και εγώ για να τρέχουνε τα backtrack στα windows:  Κατεβάστε την εδώ . Τα Backtrack τα κατεβάζετε από εδώ . Κατεβάστε την τελευταία έκδοση δηλαδή το backtrack 5 R3. Επίσης σας έχω και μια εναλλακτική λύση εικονικής μηχανής που θα δείτε κάτω από το βίντεο, όπου μπορείτε να δείτε  οδηγίες για να κατεβάσετε και να τρέξετε το backtrack στο virtualbox της oracle. Εγκατάσταση backtrack σε εικονική μηχανή - Δείτε τον οδηγό βίντεο Μπορείτε αν θέλετε να κατεβάσετε την εικονική μηχανή (virtualbox) της oracle που είναι επίσης πολύ καλή και είναι δωρεάν. Κατεβάστε την από εδώ  https://www.virtualbox.org/wiki/Downloads . Όταν κατεβεί το κάνετε εγκατάσταση και δημιουργείτε μια εικονική μηχανή στο virtualbox της