Σήμερα θα δούμε πως να τοποθετήσουμε στο πρότυπο μας στο blogger το read more (διαβάστε περισσότερα »). Πριν αρχίσετε την διαδικασία ενσωμάτωσης κρατήστε ένα αντίγραφο ασφάλειας του προτύπου σας για τυχόν λάθη που προκύψουν.
Προσθήκη readmore στο blog
- Αφού συνδεθούμε στο λογαριασμό μας στο blogger επιλέγουμε το blog που θέλουμε να βάλουμε το readmore
- Από το μενού πάμε στο "Πρότυπο" και ακολούθως "Επεξεργασία HTML"
- Πατάμε το CTRL+F για να μας εμφανίσει το search box πάνω δεξιά, εκεί τώρα ψάχνουμε για το "</head>"
- Όταν το βρούμε αντιγράφουμε και επικολλούμε από πάνω του τον πιο κάτω κώδικα
<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 != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<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>
summary_img = 340; >> Σε αυτό αλλάζουμε τις λέξεις της περίληψης σε όσα post υπάρχει εικόνα.
Σε αυτό null_thumb_height = 100; και αυτό null_thumb_width = 120; >> Μπορούμε να αλλάξουμε τα μεγέθη της φωτογραφίας
5. Στο 5ο και τελευταίο βήμα βρίσκομαι τη γραμμή κώδικα: <data:post.body/> και την αντικαθιστούμε με τον ακόλουθο κώδικα:
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");</script>
<span class='readmore' style='float:right;'><a expr:href='data:post.url'>Read More »</a></span></b:if></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
Πιο κάτω και ένα βίντεο που σας έχω φτιάξει και δείχνω το τρόπο που εφαρμόζετε το read more στο πρότυπο μας
apextos
ΑπάντησηΔιαγραφήεμενα το ειχε το θεμα που διαλεξα ετοιμο
ΑπάντησηΔιαγραφήΔυο μερες τωρα προσπαθω να κανω προστηκη του ''readmore'' στο βλογ αυτο και δεν μπορω ,....εχω δει και το βιντεο ,ακολουθω ακριβως τα βηματα...κανω αποθηκευση προτυπου...και τιποτα το βλογ ειναι το ιδιο .τι φταιει ειναι κατι αλλο που δεν ξερω.
ΑπάντησηΔιαγραφήΕυχαριστω πολυ. MANUELA MIHALI
το βλογ μου εινα αυτο http://glikaxamogela.blogspot.gr/
ΑπάντησηΔιαγραφήMANUELA MIHALI ΓΙΑ ΤΟ "Προσθήκη readmore στο blog"
μήπως γνωρίζεις πως μπορουμε να βάλουμε την εφαρμογή, αλλά στην κερντρικη σελίδα να μην χάνεται η μοπφοποίηση του κειμένου? Σε ευχαριστω εκ των προτέρων
ΑπάντησηΔιαγραφήΣχετικά με το readmore ακολούθησα τις οδηγίες και το video, υπάρχει ένα πρόβλημα όταν πατήσω στο διαβάστε περισσότερα εμφανίζε στην περίληψη το κείμανο και την εικόνα αυτούσια, υπάρχει κάτι άλλο που δεν ξέρω?
ΑπάντησηΔιαγραφήΕυχαριστώ για όποια βοήθεια.
Σε εμενα δεν βγαζει τρια οπως στο βιντεο σου, με αποτελεσμα να μη βρισκω ουτε το description...με λιγα λογια δεν μπηκε το read more...γιατι? :/ Εχεις καποια αλλη λυση? Ευχαριστω!
ΑπάντησηΔιαγραφήγεια σας εχω ενα θεμα με το read more
ΑπάντησηΔιαγραφήυπαρχει μεσα στην αναρτηση το read more μου βγαζει την μπαρα μεσα στο κειμενο αλλα οτι γραφω μετα την μπαρα το εμφανιζει κανονικα χωρισ να γραφει read more