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

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

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

Θες λεφτά; Γίνε νταντά!

Ξεμείνατε από μετρητά; Τι να κάνετε; Αν σας αρέσουν τα παιδιά η λύση είναι απλή! Πάρτε την θέσης της μαμάς και του μπαμπά.

Υπάρχουν πολλές θέσεις εργασίας μερικής απασχόλησης, βρείτε την ιδανική για εσάς και ξεκινήστε να βγάζετε χρήματα.

Οι babysitters σήμερα κερδίζουν αρκετά χρήματα/ώρα σε σύγκριση με τα σημερινά δεδομένα. Υπάρχουν νταντάδες που βγάζουν μέχρι και 15 ευρώ την ώρα. Όταν η νταντά προσφέρεται να καθίσει την Παρασκευή και το Σάββατο βράδυ για μια έξοδο των γονέων. Οι γονείς θα είναι σε πάρα πολύ ευχάριστη θέση να της παραδώσουν τα μετρητά της όταν επιστρέψουν.

Υπάρχουν πολλές αγγελίες εργασίας που μπορείτε να ψάξετε. Μια καλή σελίδα που μπορείτε να βρείτε την εργασία που θέλετε ως νταντά ανάλογα και με την περιοχή είναι αυτή: http://www.careerjet.gr/ntanta

Πώς να αλλάξω το βελάκι του ποντικιού

Αλλαγή εικόνας κέρσορα στο blog Gadget για να αλλάξετε το κανονικό βελάκι του mouse,παρακάτω θα δούμε πως να το αλλάξουμε,είναι πολύ εύκολος τρόπος.


Εδώ σας έχω μερικά εικονίδια για κέρσορες

Σπάσιμο κωδικών 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- Password Attacks-Online Attacks-…