Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

READ MORE BUTTON (ΜΕ ΕΙΚΟΝΑ!) ΑΝΤΙ ΓΙΑ ΚΕΙΜΕΝΟ


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Καλησπέρα στους φίλους-αναγνώστες!

Μετά από δεκάδες ερωτήσεις που δέχτηκα για αυτό το θέμα αποφάσισα να γράψω τη σημερινή ανάρτηση.

Όλοι ξέρουμε τώρα πια (με τη βοήθεια βεβαίως του 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>

Απλά αντικαθιστάτε το Διαβάστε περισσότερα... με τον παρακάτω κωδικό:

<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>

Εκεί που λέει Read more » το αντικαθιστάτε με το:

<img src="url_of_image" border="0" />

Στο url_of_image βάζετε το url του read more button σας.


Πολύ απλό, ε?


ΕΥΡΕΣΗ READ MORE BUTTON


Υπάρχουν εκατοντάδες read more button και σίγουρα θα βρείτε ένα που θα ταιριάζει στη σελίδα σας.

Θα βρείτε πολλά από εδώ και ψάξτε και με άλλες λέξεις-κλειδιά!

Καλή σας ημέρα!

Πηγές: -

Stumble
Delicious
Technorati
Twitter
Facebook

16 comments:

luthierschool είπε...

Καλημέρα φίλε! Πολύ χρήσιμο και αυτό το tip,καλή συνέχεια.

Archelaos είπε...

Γεια σου φίλε,
αρχικά μπράβο σου για τη δουλειά που κάνεις και τις ώρες που σπαταλάς γι΄αυτό το σκοπό. Εμείς τα βρίσκουμε έτοιμα!
Έβαλα το read more όπως λες (το αυτόματο) και δουλεύει μια χαρά, αλλά δεν μπορούν να εμφανιστούν πάνω από 6 αναρτήσεις, έστω κι αν αλλάζεις το νούμερο στις ρυθμίσεις. Μήπως ξέρεις κάτι γι αυτό;
arch.band@gmail.com
Σ' ευχαριστώ πολύ.

Αstrapi είπε...

Καλησπέρα εγω αντιμετωπιζω το εξης περιεργο. δεν μπορω να βαλω το απλο read more καθως δεν βρισκω μερος του κωδικου οπου πρεπει να προσθεσω τους κωδικες που δινεις...Οσο ξια το αυτοματο δεν ανοιγει την υπολοιπη αναρτηση στις σελιδες και σε ορισμενες αναρτησεις....Μπορειτε να βοηθησετε; Ειμαι σχετικα αδαης με ολα αυτα οποτε μαλλον κανω καμια πατατα;...

APOELwall... είπε...

Μπράβο φίλε,
Όντος πολύ χρήσιμο αυτό το tip, το έψαχνα εδώ και καιρό αλλά δεν το έβρισκα...
Το δοκίμασα και δουλεύει άψογα. Ευχαριστώ και πάλι, συνέχισε έτσι!

Εύη είπε...

Σε ευχαριστώ πάρα πολύ !!! και για το εικονίδιο αλλα και για το αρχικο τρόπο !!!

Johnpatra είπε...

και τα 2 read more τα εχω γραψει μια χαρα νομιζω και αφου στα σχολια επιβεβαιωνεται αυτο τοτε δεν τιθεται ζητημα...

σας ευχαριστω για τα καλα σας λογια

Πολιτικοποιημένος είπε...

Είχα κάνει μια μικρή αλλαγή την ίδια που περιγράφεις κι εσύ εδώ για την τοποθέτηση εικόνας στον κώδικα,αλλά θέλησα να πάω ένα βήμα παρακάτω και να κάνω την εικονα on-mouse εναλλασόμενη(με τη βοήθεια ένος παλιού σου ποστ).Δυστυχώς δεν τα κατάφερα και αναρωτιέμαι μήπως φταίει ένας κώδικας που έχω για το δείκτη μου(είναι μπλε).

Ξυπνάτε Έλληνες και δείτε... (e-mail : eleytheroi_ellines@yahoo.gr) είπε...

Καλησπέρα φίλε μου

Έχω ένα πρόβλημα στο Blog μου

Δεν μου εμφανίζει όταν ψάχνω το μίπως μπορείς να με βοηθήσεις ?

Ευχαριστώ

Αγιάσος είπε...

να σε ρωτησω ειχες βάλει μια ανάρτηση πως μπορούμε να βγάλουμε το blogspot από το blog. Μπορείς να μου δώσεις το link αν υπάρχει;

Johnpatra είπε...

δεν υπάρχει πια, δες στο http://www.johnpatra.gr/p/blogspot-blog.html

Αγιάσος είπε...

σε ευχαριστώ

Γιάννης είπε...

Συγχαρητήρια για την ανάρτηση το
έβαλα και λειτουργεί σούπερ Μπράβο συνέχισε έτσι να είσαι πάντα καλά
φιλέ μου

isto-land είπε...

Πολύ καλή ανάρτηση !! πολλά μπράβο!
έχω φτιάξει ένα πακέτο με 159 κουμπιά "Read More" .gif
θα τα βρείτε στο http://istos-land.blogspot.com/p/others.html

Καλή δουλεία μάγκες και πολλά νέα τρικ απλο τον τζόν-Πάτρα!

Aggeliki είπε...

Πολύ ωραίο φίλε. Σε ευχαριστώ. Μια ερώτηση μονο. Επειδή το κάθε κείμενο που κόβεται είναι διαφορετικό η εικόνα "read more" βρίσκετε σε διάφορα σημεία σε κάθε post. Γίνεται να είναι πάντα πάνω από την ώρα τις δημοσίευσης?

kapsas είπε...
Αυτό το σχόλιο αφαιρέθηκε από τον συντάκτη.
admin@grenimerosi.blogspot.gr είπε...

Στην καινούργια εμφάνιση του blogger δεν έχει επέκταση προτύπου γραφικών και δεν μπορώ να βάλω αυτόματο read more στα πρότυπα που μας παρέχει ο blogger ευχαριστώ

Δημοσίευση σχολίου

Παρακαλούμε τους φίλους αναγνώστες:

ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ

Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.

 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *