Γίνετε μέλος του Dr-blogger στο fb.Απλά πατήστε like από κάτω

photto




13 Button / Κουμπι "Read More"

Νέοι bloggers γεια σας...

Σήμερα θα δούμε πως βάζουμε μια εικόνα, με "read more" (διαβάστε περισσότερα) εκεί που είναι το κείμενο "διαβάστε περισσότερα"...Πρώτα όμως κρατήστε οπωσδήποτε ένα αντίγραφο του κώδικα της σελίδας σας...
Συνδεόμαστε με τον Blogger, και στην Σχεδίαση => Επεξεργασία HTML, τσεκάρουμε το Επέκταση προτύπων γραφικών στοιχείων.Στη συνέχεια με τον γνωστό τρόπο Ctrl+F,ψάχνουμε να βρούμε το...

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'>Read More </a>
</div>
</b:if >

( *...εάν βρήκατε αυτόν τον κώδικα, προσπεράστε την υποσημείωση που βάζω...αλλά πριν προσπεράσετε, βεβαιωθείτε οτι η τρίτη σειρά του κώδικα, λέει :

1)   <a expr:href='data:post.url + "#more"'>Read More </a>

και όχι : 

2)  <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>

αλλιώς αντικαταστήστε τη 2η φράση με την 1η...) 

Εάν λοιπόν δεν υπάρχει αυτός ο κώδικας που θέλουμε, ψάχνουμε με  (CTRL+F) και βρίσκουμε το : <data:post.body/>
και ακριβώς ΜΕΤΑ ΑΠΟ ΑΥΤΟ επικολλάμε τον κώδικα

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'>Read More </a>
</div>
</b:if >

...έτσι λοιπόν τώρα θα φαίνεται η φράση:  Read More
για να φανεί λοιπόν η εικόνα, πρέπει να βάλουμε  εκεί που είναι η μπλε φράση, τον παρακάτω κώδικα:

<img border="0" src="ΕΔΩ ΤΟ URL ΤΗΣ ΕΙΚΟΝΑΣ"/>

...έτσι θα φαίνεται σαν:  π.χ.: 

<img border="0" src="https://lh5.googleusercontent.com/-wVaGVVqPte4/TiKAPgGMruI/AAAAAAAABjg/EqpLYfVrfLk/MORE%2525202.jpg"/>

*εάν θέλετε να φαίνεται η εικόνα στη δεξιά η στην αριστερή πλευρά της ανάρτησης, πρέπει να διαλέξετε μία από τις 2 κόκκινες φράσεις που προσδιορίζουν την δεξιά η την αριστερή μεριά...

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><p align="Left"><img border="0" src="Paste here the button Image URL"/></p></a>
</div>
</b:if >
(αυτό θα το βάλει αριστερά).

ή

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><p align="right"><img border="0" src="Paste here the button Image URL"/></p></a>
</div>
</b:if >
(αυτό θα το βάλει δεξιά)


...αυτό ήταν !!!Κάντε ΠΡΟΕΠΙΣΚΌΠΙΣΗ και αν όλα δείχνουν εντάξει, πατήστε ΑΠΟΘΗΚΕΥΣΗ !!!
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
***Γιά να βρείτε εικόνες με read more, βάλτε τη φράση read more button στο google=>εικόνες...
Πληροφορίες από : royaltutor.net


{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}  
Related Posts Plugin for WordPress, Blogger...
Print Friendly and PDF

13 σχόλια:

PeachyReek είπε...

Το εφάρμοσα και λειτουργεί άψογα στις αναρτήσεις αλλά υπάρχει πρόβλημα με τις σελίδες. Πατάς την εικόνα αλλά δεν ανοίγει το κείμενο.
Αν θέλεις δες εδώ: http://peachyreek.blogspot.com/p/blog-page.html

pandelees karagiann είπε...

PeachyReek, το ειδα...δεν ξερω τι συμβαινει...προσεξα οτι ουτε πετώντας τον τίτλο της σελιδας δεν μπαινεις στις σελιδες...κατι εχει γινει λαθος...στις στατικες σελιδες, μη βαζεις read more....και βαζε οπωσδήποτε τιτλο-λινκ...αν συνεχιστει το προβλημα, στειλε email να τα πουμε πιο γρηγορα για να βρουμε λυση...

Ανώνυμος είπε...

Το εφάρμοσα και γω σε δοκιμαστικό blog. Δουλεύει άψογα, όμως εξακολουθεί και φαίνεται η φράση ΄΄διαβάστε περισσότερα΄΄ και δεν μπορώ να την αφαιρέσω ούτε από το jawa. Υπάρχει λύση? Ευχαριστώ.

pandelees karagiann είπε...

...οποιος δε βαζει στοιχεια η τη διευθυνση του blog του, παραμενει μονος κι ερημος, γιατι δεν μπορω να του βρω λυσεις...λυπαμαι !

Ξεφτέρης είπε...

re file kai egw prospathw na to kanw ala den mou petixenei :/ kai kanw ola ta vimata swsta :S

pandelees karagiann είπε...

Ξεφτέρη, απο οτι είδα στο blog σου, έχεις εφαρμόσει το "Προσθήκη τίτλου ανάρτησης δίπλα στο 'Read More'!"...Είναι σχεδόν η ίδια διαδικασία στο ξεκίνημα...ΠΙΣΤΕΥΩ ΟΤΙ ΔΕΝ ΧΩΡΑΝΕ ΚΑΙ ΤΑ 2, δηλαδή και να φαίνεται ενα button read more, και να φαίνεται και ο τίτλος της ανάρτησης...η ανάρτηση που έχω ανεβάσει, έχει δοκιμαστεί και απο μένα και έχει εφαρμοστεί και απο πολλους φίλους, και είναι αξιόπιστη...δεν μπορώ να ξέρω τι συμβαίνει στο πρότυπό σου...δοκίμασε σε ένα demo blog σου, που δεν έχεις βάλει το: "Προσθήκη τίτλου ανάρτησης δίπλα στο 'Read More'!", να δεις οτι το button read more θα μπει ανετα...δεν εχω αλλη λυση φιλε μου για σενα...

Ane είπε...

Καταπληκτική δουλειά!! Με έχεις βοηθήσει αφάνταστα πολύ !! Έχω όμως πρόβλημα με αυτό το REad more! ¨Δοκίμασα κάθε οδηγία ...τις δικές σου και ό,τι άλλο βρήκα στο ίντερνετ αλλά τιποτα! Ακολουθω τις οδηγιες κατα γραμμα....δεν ξερω τι συμβαινει...
βοηθεια...
www.beepleased.blogspot.com

pandelees karagiann είπε...

...Ane, τωρα, εγω, γιατι μπηκα στη σελιδα σου και το ειδα οτι λειτουργεί σωστά??? το ειδα, το πατησα, και λειτουργει ? και δεν ειμαι ο Τσακ Νορρις.....χαχαχα

george benetos είπε...

Καλησπέρα...εμένα μου βγαζει μόνο την λέξη read more..έχω προσπαθήσει πάρα πολλες φορές αλλά μάταια..τι μπορεί να κάνω λάθος;αυτό είναι το μπλογκ μου http://paidikhxara.blogspot.gr/

pandelees karagiann είπε...

Γιώργο, η αναρτηση εχει φτιαχτει πριν τη νεα διεπαφη του blogger....Τωρα ειναι πιο απλο...αντικατέστησε το read more με τη φραση που δινει την εικονα του κουμπιού (button)....δηλαδη:
<img border="0" src="ΕΔΩ ΤΟ URL ΤΗΣ ΕΙΚΟΝΑΣ"/>
(εννοειται οτι θα αλλαξεις τη φραση ΕΔΩ ΤΟ URL ΤΗΣ ΕΙΚΟΝΑΣ με το url-διεύθηνση της εικονας του κουμπιού)....
και πριν πατησεις ΑΠΟΘΗΚΕΥΣΗ, πατησε πρωτα ΠΡΟΕΠΙΣΚΟΠΗΣΗ για να δεις αν ειναι ολα σωστα....
Εννοειται οτι αν δεν εχεις πειρα να το κανεις, μην το κανεις και χαλασεις κατι στο κωδικα του προτυπου σου

Frapedoypoli είπε...

Δεν κατάλαβα πως το βάζεις μπορείς να γράψεις μια ανάρτηση που να λέει πως βάζεις read more στην καινούργια εμφάνιση επεξεργασίας html κώδικα του blogger;

Frapedoypoli είπε...

Το read more θέλω να το βάλω στα template που δίνει ο blogger http://frapedoypoli.blogspot.gr

Giota giota Giota είπε...

καλησπέρα θα ηθελα να σε ρωτησω πως εχεις βαλει τον mickey find us on Facebook????είναι τελειο please το θελωωω