Αυτοματο Read more η αλλιως διαβαστε περισσοτερα στις αναρτησεις

Αυτοματο Read more Αυτοματο Read more
Σημερα εχουμε ενα κωδικο για να μπορεσουμε να βαλουμε read more αυτοματα στο blog μας.

Αυτοματο read more τι προσφερει?

Καταρχην συμπηκνωνει τις αναρτησεις μας ωστε να φενεται πιο ομορφο το blog μας
Αντι για το διαβαστε περισσοτερα αν το βαζουμε χειροκινητα κατω απο τις αναρτησεις μας θα
εμφανιζεται ενα εικονιδιακι της επιλογης μας
Δε χρειαζεται πλεον να το βαζουμε χειροκινητα και καποιες φορες να το ξεχναμε.

read more πως το βαζουμε

καταρχην πριν κανουμε οτιδηποτε πρεπει να κανουμε παντα μια αντιγραφη του προτυπου μας για καθε ενδεχομενο. Αφου κανουμε αυτο παμε πινακα ελεγχου - προτυπο - επεξεργασια html και ψαχνουμε να βρουμε αυτο το κωδικο
</head>
αμέσως απο πανω του βαζουμε τον παρακατω κωδικο
 <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>

δειτε κι αυτο
"Link to us" widget

 Ο κωδικας αυτος εχει καποια νουμερακια τα οποια μπορουμε να αλαξουμε ετσι ωστε να τον φερουμε στα μετρα μας
 το summary_noimg=430 μπορουμε να αλλαξουμε το ποσα γραμματα θα εμφανιζονται αν δεν υπαρχει εικονα
summary_img =340 αλλαζουμε τα γραμματα που θα εμφανιζονται αν υπαρχει εικονα,
 img_thumb_height = 100;
img_thumb_width = 120;
με αυτα τα δυο αλλαζουμε το μεγεθος των εικονων

Βημα δευτερο
Πρεπει να βρουμε αυτο το κωδικο στο προτυπο μας  <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 </a></span>

</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</b:if>
 κανουμε προεπισκοπηση κι αν ειναι ολα οκ αποθηκευουμε

Εικονα στο read more?

Τωρα αν θελετε να βαλετε αντι για read more μια εικονα τοτε πρεπει στον δευτερο κωδικο να αλλαξετε εκει που λεει read more με αυτο τον κωδικο
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb2NlgsTQSmiCmrTCXUrrmT1bGIiAGHbyLYNsmBrTaAolaQGR8MqlqFrpQH3LjYy4ZTgLDT3wq2DM-9lD9w9YRT9644KJocEZRTX2tgccUUkVa_d2NQskrRdigPaTbKK-7P68zxES5FaY/" border="0" />
Το αποτελεσμα θα ειναι αυτο
αν θελετε αλλη εικονα τοτε πρεπει να αλλαξετε το παραπανω link me to link της δικη  σας εικονας
καλη επιτυχια

δειτε και το βιντεο.


18 Σχόλια

Νεότερη Παλαιότερη