Αναρτήσεις
Μετά από δεκάδες ερωτήσεις που δέχτηκα για αυτό το θέμα αποφάσισα να γράψω τη σημερινή ανάρτηση.
Όλοι ξέρουμε τώρα πια (με τη βοήθεια βεβαίως του bloggertips.gr) πως θα βάζουμε το Read More στις αναρτήσεις μας, ώστε να μην φαίνονται ολόκληρες στην αρχική μας σελίδα. Σχετικά με αυτό έχω συγγράψει στο παρελθόν δύο τρόπους προσθήκης του: την απλή (http://www.bloggertips.gr/2009/07/read-more-blog.html) και την αυτόματη (http://www.bloggertips.gr/2010/03/automatic-read-more-function-in-blogger.html).
Σήμερα θα σας πω, πως και στις δύο περιπτώσεις θα βάλουμε αντί για κείμενο ένα read more button, όπως έχω εγώ.
Αν έχετε το απλό read more:
Στο βήμα 11 σας λέω να βάλετε τον παρακάτω κωδικό:
<b:if cond='data:blog.pageType != "item"'>
<span style="font-weight:bold;"><span ><a expr:href='data:post.url' target='_blank'>Διαβάστε περισσότερα...</a></span></span>
</b:if>
<span style="font-weight:bold;"><span ><a expr:href='data:post.url' target='_blank'>Διαβάστε περισσότερα...</a></span></span>
</b:if>
Απλά αντικαθιστάτε το Διαβάστε περισσότερα... με τον παρακάτω κωδικό:
<img src="url_of_image" border="0" />
Στο url_of_image βάζετε το url του read more button σας.
Στο αυτόματο read more:
Εκεί που λέω να αντικαταστήστε το <data:post.body/> με τον παρακάτω κωδικό:
<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>
<a class='readmore' expr:href='data:post.url'>Read more »</a>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<div expr:id='"summary-" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary-<data:post.id/>");</script>
<a class='readmore' expr:href='data:post.url'>Read more »</a>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Εκεί που λέει Read more » το αντικαθιστάτε με το:
<img src="url_of_image" border="0" />
Στο url_of_image βάζετε το url του read more button σας.
Πολύ απλό, ε?
ΕΥΡΕΣΗ READ MORE BUTTON
Υπάρχουν εκατοντάδες read more button και σίγουρα θα βρείτε ένα που θα ταιριάζει στη σελίδα σας.
Θα βρείτε πολλά από εδώ και ψάξτε και με άλλες λέξεις-κλειδιά!
Καλή σας ημέρα!
Πηγές: -
Copyrights: http://bloggertips.gr/
| 
14 comments:
Καλημέρα φίλε! Πολύ χρήσιμο και αυτό το tip,καλή συνέχεια.
Γεια σου φίλε,
αρχικά μπράβο σου για τη δουλειά που κάνεις και τις ώρες που σπαταλάς γι΄αυτό το σκοπό. Εμείς τα βρίσκουμε έτοιμα!
Έβαλα το read more όπως λες (το αυτόματο) και δουλεύει μια χαρά, αλλά δεν μπορούν να εμφανιστούν πάνω από 6 αναρτήσεις, έστω κι αν αλλάζεις το νούμερο στις ρυθμίσεις. Μήπως ξέρεις κάτι γι αυτό;
arch.band@gmail.com
Σ' ευχαριστώ πολύ.
Καλησπέρα εγω αντιμετωπιζω το εξης περιεργο. δεν μπορω να βαλω το απλο read more καθως δεν βρισκω μερος του κωδικου οπου πρεπει να προσθεσω τους κωδικες που δινεις...Οσο ξια το αυτοματο δεν ανοιγει την υπολοιπη αναρτηση στις σελιδες και σε ορισμενες αναρτησεις....Μπορειτε να βοηθησετε; Ειμαι σχετικα αδαης με ολα αυτα οποτε μαλλον κανω καμια πατατα;...
Μπράβο φίλε,
Όντος πολύ χρήσιμο αυτό το tip, το έψαχνα εδώ και καιρό αλλά δεν το έβρισκα...
Το δοκίμασα και δουλεύει άψογα. Ευχαριστώ και πάλι, συνέχισε έτσι!
και τα 2 read more τα εχω γραψει μια χαρα νομιζω και αφου στα σχολια επιβεβαιωνεται αυτο τοτε δεν τιθεται ζητημα...
σας ευχαριστω για τα καλα σας λογια
Είχα κάνει μια μικρή αλλαγή την ίδια που περιγράφεις κι εσύ εδώ για την τοποθέτηση εικόνας στον κώδικα,αλλά θέλησα να πάω ένα βήμα παρακάτω και να κάνω την εικονα on-mouse εναλλασόμενη(με τη βοήθεια ένος παλιού σου ποστ).Δυστυχώς δεν τα κατάφερα και αναρωτιέμαι μήπως φταίει ένας κώδικας που έχω για το δείκτη μου(είναι μπλε).
Καλησπέρα φίλε μου
Έχω ένα πρόβλημα στο Blog μου
Δεν μου εμφανίζει όταν ψάχνω το μίπως μπορείς να με βοηθήσεις ?
Ευχαριστώ
να σε ρωτησω ειχες βάλει μια ανάρτηση πως μπορούμε να βγάλουμε το blogspot από το blog. Μπορείς να μου δώσεις το link αν υπάρχει;
δεν υπάρχει πια, δες στο http://www.johnpatra.gr/p/blogspot-blog.html
σε ευχαριστώ
Πολύ καλή ανάρτηση !! πολλά μπράβο!
έχω φτιάξει ένα πακέτο με 159 κουμπιά "Read More" .gif
θα τα βρείτε στο http://istos-land.blogspot.com/p/others.html
Καλή δουλεία μάγκες και πολλά νέα τρικ απλο τον τζόν-Πάτρα!
Πολύ ωραίο φίλε. Σε ευχαριστώ. Μια ερώτηση μονο. Επειδή το κάθε κείμενο που κόβεται είναι διαφορετικό η εικόνα "read more" βρίσκετε σε διάφορα σημεία σε κάθε post. Γίνεται να είναι πάντα πάνω από την ώρα τις δημοσίευσης?
Στην καινούργια εμφάνιση του blogger δεν έχει επέκταση προτύπου γραφικών και δεν μπορώ να βάλω αυτόματο read more στα πρότυπα που μας παρέχει ο blogger ευχαριστώ
Δημοσίευση σχολίου
Παρακαλούμε τους φίλους αναγνώστες:
ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ
Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.