Archive Pages Design$type=blogging$count=7

banner image

Αυτοματο Read More for blogger blog

imagesΚαλησπέρα bloggers, για κάποιο λόγο μου ξέφυγε το αυτόματο read more για blog, και με την αφορμή ενός πολύ κάλου αναγνώστη του blog μου είπα να σήμερα να δημοσιεύσω των τρόπο με τον όποιο μπορούμε να βάλουμε το read more στο blog μας.
Ας θυμηθούμε όμως πως στα πολύ προσθετά άρθρα μου είχα δημοσίευση ένα βίντεο μάθημα όσοι δεν το έχετε δει ακόμα θα το βρείτε:
πως φτιάχνω blog επαγγελματικό βίντεο μάθημα

Επιστρέφω στο θέμα μας και πάμε τώρα να προσθέσουμε το read more:

1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Επεξεργασία HTML
4) τσεκάρουμε το τετραγωνάκι (Επέκταση προτύπων γραφικών στοιχείων)
5) Πατάμε στο πληκτρολόγιο μας ctrl+f οπού μας ανοίγει ένα παραθυράκι αναζητήσεις.

Αντιγράφουμε των παρακάτω κωδικό
; </head> και το  επικολλούμε στον παραθυράκι της αναζητήσεις, και αμέσως το βρίσκουμε μέσα στους κωδικούς HTML.

Ακριβώς πάνω από αυτών των κωδικό προσθέτουμε αυτών:

<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'>
//<![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){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Τώρα βρείτε με τον ιδιο τροπο το <data:post.body/> και αντικαταστήστε αυτόν τον κωδικό με τον παρακάτω:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/>
<data:post.body/>
<b:else/>
<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/>");
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more "<data:post.title/>"</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</b:if>

Πατάμε αποθήκευση πρότυπου και τέλος

Και είστε έτοιμη.!! εάν σας άρεσε το άρθρο αφήστε σχόλιο.

Αυτοματο Read More for blogger blog Αυτοματο Read More for blogger blog Reviewed by rita on 5:20 π.μ. Rating: 5

6 σχόλια:

  1. ari kalimera emai neos sto 8ema blog....otan ennoeis to kodiko head se pio meros to kanoume epikolisi?

    ΑπάντησηΔιαγραφή
  2. οσες φορες και αν το δοκιμασα μου βγαζει αυτο!!!!
    "Σφάλμα κατά την ανάλυση του XML, γραμμή 7, στήλη 2: The markup in the document following the root element must be well-formed." τι δνε κανω καλα? :΄(

    ΑπάντησηΔιαγραφή
  3. δεν λειτουργει σε εμενα δεν ξερω...

    ΑπάντησηΔιαγραφή
  4. file mou giati eimai kainourios kai dn mpwro na ta katalabw auta pou les se parakalw kane ena videaki gia auto akrubos to pragma na mas eksighs pws mpwroume na mazoune auta ta sunbola sthn selida mas...

    ΑπάντησηΔιαγραφή

Από το Blogger.