GADGETS FOR BLOGS

Facebook Google plus YouTube Pinterest Tumblr Delicius DIIGO Start.me NETVIBES feedburner

ΠΩΣ ΒΑΖΩ ΚΟΥΜΠΙ READ MORE ΣΤΙΣ ΑΝΑΡΤΗΣΕΙΣ ΜΟΥ

READ MORE BUTTON
ΠΩΣ ΒΑΖΩ ΚΟΥΜΠΙ READ MORE ΣΤΙΣ ΑΝΑΡΤΗΣΕΙΣ ΜΟΥ.
Για να βάλουμε ένα κουμπί Read more στις αναρτήσεις μας πηγαίνουμε στην επεξεργασία HTML, στη συνέχεια πατάμε τα πλήκτρα Ctrl+F για να εμφανιστεί το πλαίσιο αναζήτησης εντός του κώδικα του προτύπου μας και ψάχνουμε να βρούμε το …<div class='jump-link'>Θα οδηγηθούμε στις παρακάτω γραμμές κώδικα όπου πρέπει να αντικαταστήσουμε την μώβ γραμμή με την πράσινη γραμμή που υπάρχει αμέσως μετά από τον παλιό κώδικα στο νέο κώδικα όπως θα διαμορφωθεί μετά την αλλαγή. Αν δεν σας αρέσει η εικόνα του κουμπιού ανεβάστε μία δική σας σε ένα λεύκωμα στο Google+, πάρτε το link της και αλλάξτε το δικό μου.


Ο παλιός κώδικας ως έχει χωρίς το κουμπί.
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if >
Νέος κώδικας με την εικόνα του κουμπιού.
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><img border="0" src="https://lh5.googleusercontent.com/-avsa2rLCQJA/VUC6Mj6E6RI/AAAAAAAAQ7E/_Qu3bYZifrw/w213-h25-no/READ-MORE-5.JPG"/></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="https://lh5.googleusercontent.com/-avsa2rLCQJA/VUC6Mj6E6RI/AAAAAAAAQ7E/_Qu3bYZifrw/w213-h25-no/READ-MORE-5.JPG "/></p></a>
</div>
</b:if>

Νέος κώδικας με την εικόνα του κουμπιού στο κέντρο.
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><p align="center"><img border="0" src="https://lh5.googleusercontent.com/-avsa2rLCQJA/VUC6Mj6E6RI/AAAAAAAAQ7E/_Qu3bYZifrw/w213-h25-no/READ-MORE-5.JPG "/></p></a>
</div>
</b:if>

Νέος κώδικας με την εικόνα του κουμπιού στα αριστερά.
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><p align="left"><img border="0" src="https://lh5.googleusercontent.com/-avsa2rLCQJA/VUC6Mj6E6RI/AAAAAAAAQ7E/_Qu3bYZifrw/w213-h25-no/READ-MORE-5.JPG "/></p></a>
</div>

</b:if>

1 σχόλιο:

  1. Ευχαριστώ για χρήσιμες πληροφορίες με βοηθήσατε να διαμορφώσω το blog μου http://exipni-ergasia.blogspot.gr/#

    ΑπάντησηΔιαγραφή

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".