Αυτοματο 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="http://3.bp.blogspot.com/_T46SliM0-PI/S_OAcXPAZZI/AAAAAAAAAMM/rUsEdh1P7_o/24-large-allblogtools.jpg" border="0" />
Το αποτελεσμα θα ειναι αυτο
αν θελετε αλλη εικονα τοτε πρεπει να αλλαξετε το παραπανω link me to link της δικη  σας εικονας
καλη επιτυχια

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


17 comments

περιεργο εγω ο ιδιος το εβαλα σε 3 blog. και αυτο το blog αυτο χρησιμοποιει

Αυτό το σχόλιο αφαιρέθηκε από τον συντάκτη.

den mporo na to valo me tipota.. exei sxesi to protypo;; i aplos ta exo anakatepsei;; se auti tin periptosi ti ginete;; sos

epiteloussss ta katafera na to valo... euxaristo blogger

de mporo me tpt na to valo
me html de mporoume na to baloume?
san gadgets?

στελιο δοκιμασε να τον γραψεις μην κανεις αντιγραφη και επικολληση. Γραψε data:post.body

το εβαλα με την πρωτη και λειτουργει κανονικα, ΕΥΧΑΡΙΣΤΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩΩ!!!

Μπραβο χαιρομαι να ακουω τετοια

να εισαι καλα φιλε μου, επιτελους τακτοποιησα τις αναρτησεις μου ευχαριστω θερμα!!!

λειτουργει οκ!
και μια απορια
πως αλλάζω το πλήθος των αναρτήσεων ?
τώρα μου βγάζει μόνο 4 στην αρχική. Μπορώ να τις κάνω 5 ή 6??

Λειτουργεί αλλά έχει ένα σοβαρό πρόβλημα σε κάποιες αναρτήσεις με εικόνα αλλά και χωρίς όσο αναφορά το κείμενο, όπου αυτόματα εμφανίζει το "Normal 0 false false false EL X-NONE X-NONE MicrosoftInternetExplorer4". Δες εδώ :

Ευχαριστήριο του Κοινωνικού Παντοπωλείου Δήμου Θηβαίων στη LIDL
Normal 0 false false false EL X-NONE X-NONE MicrosoftInternetExplorer4 ...
Διάβασε περισσότερα

και

ΠΡΟΒΟΛΗ ΤΑΙΝΙΑΣ
Το "Spotlight: Όλα στο φως" στον Κινηματογράφο Θήβας Normal 0 false false false EL X-NONE X-NONE MicrosoftInternetExplorer4 ...
Διάβασε περισσότερα

Παρακαλώ μια βοήθεια;

petro enlink dosmoy apo to blog gia na to do

Ευχαριστώ πολύ για την ανταπόκριση!

Πήγα στις 5 πρώτες δημοσιεύσεις και έκανα αντιγραφή/επικόληση το κείμενο στο LibreOffice 5.1 είδα σε μερικά σημεία του κειμένου κάτι "γκρι κενά" τα οποία τα έσβησα και έτσι δούλεψε κανονικά.
Το πρόβλημα τώρα είναι πως μόλις πατάς "Διάβασε περισσότερα..." ανήγει όλη η δημοσίευση αλλά με πολύ μικρό μέγεθος στη γραμματοσειρά!!!

http://thiva-press.blogspot.gr/

Πετρο ολο το προβλημα στο δημιουργει το libre office. Οταν αντιγραφεις απο αυτο φτιαξε ενα νεο εγγραφο κειμενου στον υπολογιστη σου και κανε επικκοληση πρωτα εκει. Μετα ξανακανε αντιγραφη απο το νεο εγγραφο κειμενου και καντο επικκοληση στην αναρτηση. Μετα κανε προεπισκοπηση και αν η γραματοσειρα ειναι μικρη αλλαξε την απο την προσαρμογη προτυπου

Αυτό ήταν με απλό copy/paste στο notepad και μετά στη δημοσίευση όλα ΟΚ.
Ευχαριστώ για την πολύτιμη βοήθεια!